Issue 2523 - Fixed: Search input text invisible in Firefox on small screens

static/css/main-mobile.css

 header
 {
   width: auto;
   min-height: 60px;
   padding: 10px;
 }
 
 header li a
 {
   display: block;
@@ skipping 88 matching lines @@
 #search-field-label-plain, #current-language
 {
   font-size: 16px;
   font-weight: bold;
   color: #848484;
 }
 
 #search-field
 {
   width: 100%;
-  padding: 16px 10px;

[saroyanm, 2015/08/20 14:50:27]

I assume it's just consistency change nothing connected to the issue itself.

[Thomas Greiner, 2015/08/20 15:12:21]

That as well but the main reason is that since using "border-box" includes the
padding in the box height calculation, this is no longer the case for
"content-box". Therefore the padding needs to be reduced to avoid increasing its
height.

-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
-  box-sizing: border-box;
+  padding: 10px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  -ms-box-sizing: content-box;
+  -o-box-sizing: content-box;
+  box-sizing: content-box;
 }
 
 #search-field-label-button, #current-language
 {
   display: none;
 }
 
 #language-selector, .language-entry
 {
   display: inline-block;
@@ skipping 68 matching lines @@
 
 #social-list
 {
   padding: 0px;
 }
 
 #anwiki-admin, #pageactions
 {
   display: none;
 }