Merge pull request projecthorus#25 from LukePrior/testing

Show map scale & fixes

Author: darksidelemm

css/main.css

@@ -150,17 +150,14 @@ body {
     background: #00A3D3;
 }
 #loading img {
-    width: 350px;
-    height: 250px;
-}
-#loading > div {
     position: absolute;
-    top: 50%;
+    display: block;
+    width: 80vw;
+    max-width: 500px;
     left: 50%;
-    width: 350px;
-    height: 250px;
-    margin-top: -175px;
-    margin-left: -125px;
+    top: 50%;
+    -ms-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
 }
 #loading .bar {
     position: relative;
@@ -446,7 +443,6 @@ header .search form input[type='submit'] {
 #main .row .data img {
     position: absolute;
     z-index: 2;
-    bottom: 40%;
     right: 30%;
     opacity: 0.6;
     width: 46px;

js/tracker.js

@@ -392,12 +392,19 @@ function load() {
         preferCanvas: true,
     });
 
+    // fullscreen button
     map.addControl(new L.Control.Fullscreen({ position: 'bottomleft' }));
 
+    // scale (would be better if integrated into attirbution bar)
+    L.control.scale({position:'bottomright', imperial:false}).addTo(map);
+
+    // zoom controls
     new L.Control.Zoom({ position: 'bottomright' }).addTo(map);
 
+    // map selector
     layers = L.control.layers(baseMaps, null, {position: "topleft"}).addTo(map);
 
+    // update time div
     L.Control.Status = L.Control.extend({
         onAdd: function(map) {
             var div = L.DomUtil.create('div');

manifest.json

@@ -5,6 +5,8 @@
   "theme_color": "#00a3d3",
   "background_color": "#00a3d3",
   "display": "standalone",
+  "orientation": "any",
+  "categories": ["utilities"],
   "scope": "/",
   "start_url": "/",
   "icons": [