pure-css 2.0

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",
+      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/purecss/-/purecss-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/purecss/-/purecss-2.0.6.tgz",
-      "integrity": "sha512-gfC78WCOWNnfkzulx9aoWwcl+0JflhwKeJ+k9s/ZyIawfYNA4bqBmt0DtfgtQK9iuYMtGfbdE8R2AQMjSWR2VQ=="
+      "integrity": "sha512-R5V/Yk/j8/v5ivlg0MvQKQmo7F1BnWupK0wiMrKDyz2BofLB5BFKfZtSqu90YwHYBH4uzLtebmnDltY3ElcyLw=="
     },
     "node_modules/qs": {
       "version": "6.5.2",
@@ -3113,9 +3113,9 @@
       "optional": true
     },
     "purecss": {
-      "version": "1.0.0",
+      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/purecss/-/purecss-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/purecss/-/purecss-2.0.6.tgz",
-      "integrity": "sha512-gfC78WCOWNnfkzulx9aoWwcl+0JflhwKeJ+k9s/ZyIawfYNA4bqBmt0DtfgtQK9iuYMtGfbdE8R2AQMjSWR2VQ=="
+      "integrity": "sha512-R5V/Yk/j8/v5ivlg0MvQKQmo7F1BnWupK0wiMrKDyz2BofLB5BFKfZtSqu90YwHYBH4uzLtebmnDltY3ElcyLw=="
     },
     "qs": {
       "version": "6.5.2",

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": {},

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;

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>

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 />