Fix vertical alignment of text within select input on Firefox.

This commit is contained in:
Matt Amos 2015-01-26 16:57:34 +00:00
parent 56b2fdf5c9
commit 376a630756
2 changed files with 10 additions and 0 deletions

View file

@ -948,6 +948,15 @@ header .search_forms,
border-radius: 0 2px 2px 0; 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 { .query_options {
text-align: right; text-align: right;
font-size: 10px; font-size: 10px;

View file

@ -16,3 +16,4 @@ $sidebarWidth: 350px;
$keyline: 1px solid $lightgrey; $keyline: 1px solid $lightgrey;
$border-radius: 3px; $border-radius: 3px;
$list-highlight: #FFFFE6; $list-highlight: #FFFFE6;
$border: 1px solid $grey;