Correct search box appearance

remove theme specific style and organize elements.

Correct search box appearance
remove theme specific style and organize elements.
Aurélio A. Heckert
1 parent b5d67b0a
Showing 1 changed file with 11 additions and 28 deletions Show diff stats
public/stylesheets/search.css
@@ -669,47 +669,30 @@ li.search-product-item hr {
 /* Search field and button */
 .search-field input {
-  vertical-align: middle;
-}
-.search-field .formfield {
-  height: 34px;
-  display: inline-block;
+  vertical-align: bottom;
 }
+.search-field .formfield,
 .search-field .formfield input {
-  height: 25px;
-  width: 530px;
-}
-#public-profile-search .search-field .formfield input {
-  height: 25px;
-  width: 395px;
+  width: 100%;
 }
-.search-field .formfield {
-  height: 34px;
-  display: inline-block;
+#public-profile-search .formfield {
+  float: left;
+  width: 80%;
 }
-#content #public-profile-search form .search-field input.button.submit {
-  width: 75px;
+#public-profile-search .submit {
+  float: right;
 }
-
-form .search-field input:hover.button.submit {
-  background-color:#444;
+#public-profile-search .search-field div {
+  clear: both;
 }
+
 .search-hint {
   clear: both;
   padding: 10px 0 10px 10px;
   border-bottom: 1px solid #555;
   font-size: 0.9em;
 }
-#content form .search-field input:hover.button.submit {
-  background-color:#444;
-}
-
-#content form .search-field input.button.submit {
-  height: 30px;
-  max-height:none;
-}
-
 .facet-any-result-found {
   font-size: 75%;