improved search box and action dropdown spacing in mobile view

3 files changed, 6 insertions, 8 deletions

diff --git a/css/basic.css b/css/basic.css
index 34a6d5882..ae9be499e 100755
--- a/css/basic.css
+++ b/css/basic.css
@@ -289,6 +289,9 @@ option {
     line-height: 1;
     margin: 0;
     vertical-align: middle;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
 }
 
 optgroup {
diff --git a/css/design.css b/css/design.css
index 26b0ed811..22e035d43 100755
--- a/css/design.css
+++ b/css/design.css
@@ -130,6 +130,7 @@
     text-indent: -99999px;
     margin-left: -20px;
     box-shadow: none;
+    padding: 0;
 }
 
 #dokuwiki__sitetools ul {
diff --git a/css/mobile.css b/css/mobile.css
index 023155766..cbadc70fd 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -79,15 +79,9 @@
     float: left;
     margin: 0 .2em .2em 0;
     width: 49%;
-    position: relative;
 }
 #dokuwiki__sitetools form.search input.edit {
-    width: 90% !important;
-}
-#dokuwiki__sitetools form.search input.button {
-    position: absolute;
-    top: .2em;
-    right: .2em;
+    width: 100% !important;
 }
 .dokuwiki form.search div.ajax_qsearch {
     display: none !important;
@@ -102,7 +96,7 @@
     width: 49%;
 }
 #dokuwiki__header .mobileTools select {
-    padding: .25em .1em;
+    padding: .3em .1em;
     width: 100% !important;
 }