From 435be8d112dc3525732688af0e408a98496b8538 Mon Sep 17 00:00:00 2001
From: dave <dave@davepedu.com>
Date: Sun, 15 Aug 2021 19:04:55 -0700
Subject: [PATCH] pure-css 2.0

---
 package-lock.json     | 14 +++++++-------
 package.json          |  2 +-
 styles/less/main.less | 15 +++++++++++++++
 templates/photo.html  |  2 +-
 templates/search.html | 10 +++++-----
 5 files changed, 29 insertions(+), 14 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3f1e149..a90cbdb 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14,7 +14,7 @@
         "grunt-contrib-cssmin": "^3.0.0",
         "grunt-contrib-less": "^2.0.0",
         "grunt-contrib-watch": "^1.1.0",
-        "purecss": "^1.0.0"
+        "purecss": "^2.0.6"
       },
       "devDependencies": {}
     },
@@ -1486,9 +1486,9 @@
       }
     },
     "node_modules/purecss": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/purecss/-/purecss-1.0.0.tgz",
-      "integrity": "sha512-gfC78WCOWNnfkzulx9aoWwcl+0JflhwKeJ+k9s/ZyIawfYNA4bqBmt0DtfgtQK9iuYMtGfbdE8R2AQMjSWR2VQ=="
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/purecss/-/purecss-2.0.6.tgz",
+      "integrity": "sha512-R5V/Yk/j8/v5ivlg0MvQKQmo7F1BnWupK0wiMrKDyz2BofLB5BFKfZtSqu90YwHYBH4uzLtebmnDltY3ElcyLw=="
     },
     "node_modules/qs": {
       "version": "6.5.2",
@@ -3113,9 +3113,9 @@
       "optional": true
     },
     "purecss": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/purecss/-/purecss-1.0.0.tgz",
-      "integrity": "sha512-gfC78WCOWNnfkzulx9aoWwcl+0JflhwKeJ+k9s/ZyIawfYNA4bqBmt0DtfgtQK9iuYMtGfbdE8R2AQMjSWR2VQ=="
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/purecss/-/purecss-2.0.6.tgz",
+      "integrity": "sha512-R5V/Yk/j8/v5ivlg0MvQKQmo7F1BnWupK0wiMrKDyz2BofLB5BFKfZtSqu90YwHYBH4uzLtebmnDltY3ElcyLw=="
     },
     "qs": {
       "version": "6.5.2",
diff --git a/package.json b/package.json
index bfe7402..a381270 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
     "grunt-contrib-cssmin": "^3.0.0",
     "grunt-contrib-less": "^2.0.0",
     "grunt-contrib-watch": "^1.1.0",
-    "purecss": "^1.0.0"
+    "purecss": "^2.0.6"
   },
   "devDependencies": {},
   "scripts": {},
diff --git a/styles/less/main.less b/styles/less/main.less
index 0290ff5..a079e38 100644
--- a/styles/less/main.less
+++ b/styles/less/main.less
@@ -8,6 +8,9 @@
 a {
     text-decoration: none;
     color: @linkcolor;
+    &:hover {
+        text-decoration: underline;
+    }
 }
 
 #layout, #nav, #list, #main {
@@ -278,6 +281,18 @@ ul.pager {
     }
 }
 
+ul.form-pager {
+    input[type="submit"], input[type=button] {
+        background: none;
+        border: none;
+        padding: 0;
+        color: @linkcolor;
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+}
+
 .date-feed {
     a {
         padding-right: 15px;
diff --git a/templates/photo.html b/templates/photo.html
index c34ca14..8c2a308 100644
--- a/templates/photo.html
+++ b/templates/photo.html
@@ -96,7 +96,7 @@
         </div>
         <div class="photo-tags">
             <h2>Tags{% if auth %} <a href="/create_tags?uuid={{ image.uuid }}">edit</a>{% endif %}</h2>
-            <ul class="tags-picker">
+            <ul class="tags-picker spaced">
             {% for tagi in image.tags %}
                 <li>
                     <a href="/tag/{{ tagi.tag.slug }}">{{ tagi.tag.name }}</a>
diff --git a/templates/search.html b/templates/search.html
index 329a031..1771dd6 100644
--- a/templates/search.html
+++ b/templates/search.html
@@ -5,7 +5,7 @@
 {% block buttons %}{% endblock %}
 
 {% block body %}
-<form method="post" action="/search">
+<form method="post" action="/search" class="pure-form">
     <div class="pure-g">
         <div class="pure-u-1-5 ">
             <p>Include tags</p>
@@ -68,7 +68,7 @@
         </div>
     </div>
 
-    <input type="submit" value="Search">
+    <input type="submit" value="Search" class="pure-button">
 
     <hr>
     <h2>Preview</h2>
@@ -90,7 +90,7 @@
 
 
     {% set total_pages = (total_sets/pgsize)|ceil %}
-    <div class="pager">
+    <div>
         <h6>Page</h6>
         {% if page > 0 %}
         <div class="nav-prev">
@@ -98,7 +98,7 @@
         </div>
         {% endif %}
         <div class="pages">
-            <ul class="pager">
+            <ul class="pager form-pager">
             {% for pgnum in range(0, total_pages) %}
                 <li{% if pgnum == page %} class="current"{% endif %}>
                     <input type="submit" name="page" value="{{ pgnum }}">
@@ -129,7 +129,7 @@
         <option value="remove_tags"{% if operation == "remove_tags" %} selected{% endif %}>Remove Tags</option>
     </select>
 
-    <input type="submit" value="Go">
+    <input type="submit" value="Go" class="pure-button">
 
     <hr />