From 376a630756e4f9f68ff88ac9319501d14c38cf37 Mon Sep 17 00:00:00 2001
From: Matt Amos <zerebubuth@gmail.com>
Date: Mon, 26 Jan 2015 16:57:34 +0000
Subject: [PATCH] Fix vertical alignment of text within select input on
 Firefox.

---
 app/assets/stylesheets/common.css.scss | 9 +++++++++
 app/assets/stylesheets/parameters.scss | 1 +
 2 files changed, 10 insertions(+)

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;
-- 
2.45.1