fix for search input box on smaller screens

martien-176 · May 25, 2020 · 534ed49 · 534ed49
1 parent e9186b1
commit 534ed49
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/_layouts/front-rtl.html b/_layouts/front-rtl.html
@@ -25,7 +25,7 @@
       <div class='marginStart cell9 padAll'>
         <form class='searchbox rounded'>
           <span class='logo logo-search' style='margin-top: 0px;'></span>
-          <input id='search-field' type='text' name='search' class='default-value cell10'></input>
+          <input id='search-field' type='text' name='search' class='default-value'></input>
         </form>
       </div>
       <div id='front' class='marginStart cell9 padAll'>

diff --git a/_layouts/front.html b/_layouts/front.html
@@ -25,7 +25,7 @@
       <div class='marginStart cell9 padAll'>
         <form class='searchbox rounded'>
           <span class='logo logo-search' style='margin-top: 0px;'></span>
-          <input id='search-field' type='text' name='search' class='default-value cell10'></input>
+          <input id='search-field' type='text' name='search' class='default-value'></input>
         </form>
       </div>
       <div id='front' class='marginStart cell9 padAll'>

diff --git a/style-rtl.css b/style-rtl.css
@@ -480,10 +480,11 @@ a.license {
 
 .searchbox input {
   border:none;
-  padding:4px 20px 4px 0px;
   font-size:16px;
   font-family:'Source Sans Pro',sans-serif;
   background-color: #ffffff;
+  width: 70%;
+  vertical-align: middle;
 }
 
 .searchbox input:focus {

diff --git a/style.css b/style.css
@@ -473,10 +473,11 @@ a.license {
 
 .searchbox input {
   border:none;
-  padding:4px 0px 4px 20px;
   font-size:16px;
   font-family:'Source Sans Pro',sans-serif;
   background-color: #ffffff;
+  width: 70%;
+  vertical-align: middle;
 }
 
 .searchbox input:focus {