diff --git a/components/search.less b/components/search.less index 34cbd96..308d557 100644 --- a/components/search.less +++ b/components/search.less @@ -13,12 +13,16 @@ form, input { - margin: 0; - margin-top: 0.4em; + margin: 0.4em 0 0; } } -div#simpleSearch { +#simpleSearch { + background-color: #fff; + .background-image( 'images/search-fade.png' ); + background-position: top left; + background-repeat: repeat-x; + color: #000; display: block; width: 12.6em; width: 20vw; /* responsive width */ @@ -31,11 +35,6 @@ div#simpleSearch { min-height: 1px; /* Gotta trigger hasLayout for IE7 */ border: 1px solid @colorGray10; border-radius: @borderRadius; - color: #000; - background-color: #fff; - .background-image( 'images/search-fade.png' ); - background-position: top left; - background-repeat: repeat-x; .transition( border-color 250ms ); &:hover { @@ -44,11 +43,11 @@ div#simpleSearch { // Styles for both the search input and the button input { + background-color: transparent; + color: #000; margin: 0; padding: 0; border: 0; - background-color: transparent; - color: #000; } // The search input @@ -103,7 +102,7 @@ div#simpleSearch { } #searchButton { - .background-image-svg('images/search-ltr.svg', 'images/search-ltr.png'); + .background-image-svg( 'images/search-ltr.svg', 'images/search-ltr.png' ); background-position: center center; background-repeat: no-repeat; }