Fix Bug 1180280: Mobile search field

When viewing the mobile site with the header site search expanded it should appear centered. Test in RTL as well.
mdn · Jul 3, 2015 · 134f2dd · 134f2dd
1 parent 307503c
commit 134f2dd
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/media/stylus/components/structure.styl b/media/stylus/components/structure.styl
@@ -398,7 +398,7 @@ a.github-button {
     cursor: pointer;
 
     {$selector-icon} {
-    	bidi-style(margin-left, 0, margin-right, 0);
+        bidi-style(margin-left, 0, margin-right, 0);
     }
 }
 
@@ -637,11 +637,12 @@ a.github-button {
         .main-nav-search {
             display: none;
             padding: 0px;
-            margin-top: 10px;
+            bidi-value(margin, 10px 0 0 0, 10px 0 0 0);
             width: auto;
 
             .search-wrap {
                 width: 90%;
+                width: calc(100% - 16px); /* 16px = left + right padding */
                 bidi-value(left, auto, 0);
                 bidi-value(right, 0, auto);