removed 'MENU' from very small screens. Search box fox for FF.

diff --git a/css/foundation.css b/css/foundation.css
index 62076cb..90cf734 100644 (file)
--- a/css/foundation.css
+++ b/css/foundation.css
@@ -4913,7 +4913,7 @@ th.hide-for-touch {
 
 
 /* Extra code for 'x-small' */
-@media only screen and (max-width: 21.063em) {
+@media only screen and (max-width: 22.063em) {
   .tab-bar .menu-icon span:after {
     content: '';
 

diff --git a/styles.css b/styles.css
index f787b7b..fa0d8e2 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -41,6 +41,7 @@
 body {
     background: url(assets/bg2.jpg) center top fixed;
     }
+
 .hide-text {
     text-indent: 9999px;
     overflow: hidden;
@@ -110,6 +111,8 @@ body {
     border: 0;
     margin: 0;
     width: 175px;  
+    display: block;
+    padding: 5px;
     }
 #search ::-webkit-input-placeholder { font-size: 12px; }
 #search ::-moz-placeholder { font-size: 12px; } /* firefox 19+ */