From: Matt Amos <zerebubuth@gmail.com>
Date: Mon, 26 Jan 2015 16:57:34 +0000 (+0000)
Subject: Fix vertical alignment of text within select input on Firefox.
X-Git-Tag: live~4282^2~10^2~1
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/376a630756e4f9f68ff88ac9319501d14c38cf37

Fix vertical alignment of text within select input on Firefox.
---

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 5202e9c87..7efe76cb1 100644
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -948,6 +948,15 @@ header .search_forms,
     border-radius: 0 2px 2px 0;
   }
 
+  select {
+    border-radius: $border-radius;
+	 border: $border;
+	 background-color: white;
+	 /* this next line is to polyfill the vertical alignment of text within a select element,
+	  * which is different between firefox and chrome. */
+	 padding: 0.3em 0;
+  }
+
   .query_options {
     text-align: right;
     font-size: 10px;
diff --git a/app/assets/stylesheets/parameters.scss b/app/assets/stylesheets/parameters.scss
index 989444a62..eb363459c 100644
--- a/app/assets/stylesheets/parameters.scss
+++ b/app/assets/stylesheets/parameters.scss
@@ -16,3 +16,4 @@ $sidebarWidth: 350px;
 $keyline: 1px solid $lightgrey;
 $border-radius: 3px;
 $list-highlight: #FFFFE6;
+$border: 1px solid $grey;