move ios 7 css tweaks to own 'section' of css

just for clarity and ease of finding

1 files changed, 27 insertions, 24 deletions

diff --git a/src/css/fms.css b/src/css/fms.css
index 54f3f9a..e1eba52 100644
--- a/src/css/fms.css
+++ b/src/css/fms.css
@@ -56,30 +56,6 @@
         background-color: #534741;
         background-image: url('../images/mapbg.png');
     }
-    .ios7 .ui-mobile-viewport {
-        background-color: none;
-        background-image: none;
-    }
-
-    .ios7 .ui-page-active {
-        padding-top: 20px;
-    }
-
-    .ios7 .ui-bar-a,
-    body.ios7 {
-        background-color: #F6BE41;
-        background-image: none;
-    }
-
-    .ios7 .ui-bar-a {
-        border-color: #F6BE41;
-    }
-
-    .ios7 #map_box {
-        top: 20px;
-        background-color: #534741;
-        background-image: url('../images/mapbg.png');
-    }
 
     .ui-icon-plus,
     .ui-icon-minus,
@@ -222,6 +198,33 @@
         background-color: rgba(0,0,0,0);
     }
 
+/* ios 7 tweaks to deal with different status bar behaviour */
+    .ios7 .ui-mobile-viewport {
+        background-color: none;
+        background-image: none;
+    }
+
+    .ios7 .ui-page-active {
+        padding-top: 20px;
+    }
+
+    .ios7 .ui-bar-a,
+    body.ios7 {
+        background-color: #F6BE41;
+        background-image: none;
+    }
+
+    .ios7 .ui-bar-a {
+        border-color: #F6BE41;
+    }
+
+    .ios7 #map_box {
+        top: 20px;
+        background-color: #534741;
+        background-image: url('../images/mapbg.png');
+    }
+
+
 /* all app classes and selectors */
 
     /* This is a bit of hackery as without it jquerymobile never sets the page