Moves geolocation button above input field

Fixes #503 - Moves geolocation button on inside location filter input
field above
the input field. This makes it so when the geolocation button is hidden
initially the
layout doesn’t change when the geolocation button shows up.

app/assets/stylesheets/_base.scss

@@ -801,15 +801,22 @@ body { top: 0px !important; }
 }
 
 #geolocate-box
-{
-  text-align: right;
-}
-.home #geolocate-box
 {
   position: absolute;
   right: 0;
 }
 
+.inside #geolocate-box
+{
+  right: 10px;
+  top: 9px;
+  // Fixed max-height and overflow adjustment needed to
+  // handle a 1-pixel layout difference between Chrome and Firefox.
+  @include box-sizing(border-box);
+  max-height: 23px;
+  overflow: hidden;
+}
+
 #search-options
 {
   font-family: $font_san_serif;

app/assets/stylesheets/components/_input-search.scss

@@ -231,19 +231,22 @@
 {
   > .filter-input-group > input
   {
-    @include rounded-except(lower-right);
+    @include rounded-except(upper-right);
   }
 
   .input-search-filter-option
   {
-    top: -1px;
     font-size: $font_size_95;
     border: none;
     margin: 0;
+    padding: 3px;
+    padding-top: 0;
+    padding-bottom: 0;
+    max-height: 23px;
     background: rgba($white, 0.3);
     border: 1px solid rgba($white, 0);
     cursor: pointer;
-    @include rounded-except(top);
+    @include rounded-except(bottom);
 
     >span
     {
@@ -260,7 +263,7 @@
     {
       background: $search-button-hover-background;
       border: 1px solid rgba($input-border-color,0.2);
-      border-top: 1px solid rgba($white, 0.3);
+      border-bottom: 1px solid rgba($white, 0.3);
 
       .fa
       {