make search pager match main feed

styles/less/main.less

@@ -282,6 +282,11 @@ ul.pager {
 }
 
 ul.form-pager {
+    li.current {
+        input[type="submit"], input[type=button] {
+            font-weight: bold;
+        }
+    }
     input[type="submit"], input[type=button] {
         background: none;
         border: none;
@@ -289,6 +294,7 @@ ul.form-pager {
         color: @linkcolor;
         &:hover {
             text-decoration: underline;
+            cursor: pointer;
         }
     }
 }
@@ -313,14 +319,24 @@ ul.form-pager {
         display: none;
         position: absolute;
         top: 75px;
-        left: 0px;
-        width:  200px;
+        left: -3px;
+        width:  150px;
         background-color: #fff;
         z-index: 1;
         border: 1px solid #000;
         padding: 2px;
+        span {
+            display: block;
+            font-size: 12px;
+        }
     }
-    &:hover .inner {
-        display: block;
+    &:hover {
+        border: 3px solid #252a3a;
+        width: 106px;
+        height: 106px;
+        margin: -1px;
+        .inner {
+            display: block;
+        }
     }
 }

templates/search.html

@@ -81,7 +81,7 @@
             <div class="inner">
                 <button name="set_after" value="{{ image.date.strftime("%Y/%m/%d %H.%M.%S") }}" type="submit">After</button>
                 <button name="set_before" value="{{ image.date.strftime("%Y/%m/%d %H.%M.%S") }}" type="submit">Before</button>
-                {{ image.date }}
+                <span>{{ image.date }}</span>
             </div>
         </div>
         {% endfor %}