if the brown background is on the map then it stops at the height of the

screen when scrolling on pages that are longer than the map such as the
offline one. Moving the bg to the body element fixes this

1 files changed, 6 insertions, 2 deletions

diff --git a/www/css/fms.css b/www/css/fms.css
index e95d1e4..d991012 100644
--- a/www/css/fms.css
+++ b/www/css/fms.css
@@ -52,6 +52,11 @@
     }
 
 /* jquery mobile overrides */
+    .ui-mobile-viewport {
+        background-color: #534741;
+        background-image: url('../images/mapbg.png');
+    }
+
     .ui-icon-plus,
     .ui-icon-minus,
     .ui-icon-delete,
@@ -379,8 +384,7 @@
 /* map */
 
     #map_box{
-        background-color: #534741;
-        background-image: url('../images/mapbg.png');
+        background-color: rgba(0,0,0,0);
         position:absolute;
         top: 45px, left: 0, right: 0, bottom: 0;
         padding: 0px;