Visual tweaks

(mostly CSS, don't show "Portals:" in statusbar on smartphones

code/request_handling.js

@@ -45,12 +45,14 @@ window.requests.abort = function() {
 // to website. Updates info in layer chooser.
 window.renderUpdateStatus = function() {
 
-  var t = '<span class="help portallevel" title="Indicates portal levels displayed.  Zoom in to display lower level portals."><b>portals</b>: ';
+  var t = '<span class="help portallevel" title="Indicates portal levels displayed.  Zoom in to display lower level portals.">';
+  if(!window.isSmartphone()) // space is valueable
+    t += '<b>portals</b>: ';
   var minlvl = getMinPortalLevel();
   if(minlvl === 0)
-    t+= '<span class="loadlevel">all</span>';
+    t+= '<span id="loadlevel">all</span>';
   else
-    t+= '<span class="loadlevel" style="background:'+COLORS_LVL[minlvl]+'">L'+minlvl+(minlvl<8?'+':'') + '</span>';
+    t+= '<span id="loadlevel" style="background:'+COLORS_LVL[minlvl]+'">L'+minlvl+(minlvl<8?'+':'') + '</span>';
   t +='</span>';
 
   t += ' <span class="map"><b>map</b>: ';

mobile/smartphone.css

@@ -8,32 +8,46 @@ body {
   width: 100%;
   color: #d4d5d6;
   border: 0;
+  padding: 0;
 }
 
-#updatestatus .loadlevel {
+#updatestatus .map {
+  margin-left: 4px;
+}
+
+#innerstatus {
+  padding: 4px;
+  float: right;
+  width: 50%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+#loadlevel {
   border-width: 0;
   background: transparent;
   color: #FFF;
 }
 
-#innerstatus {
-  float: right;
-  max-width: 50%;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
-
 #mobileinfo {
   float: left;
-  max-width: 50%;
+  width: 50%;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
+  position:relative;
+  padding: 4px 0;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 #mobileinfo .portallevel {
-  padding: 0 0.2em;
+  padding: 0 0.25em;
   color: #FFF;
 }
 

style.css

@@ -717,21 +717,21 @@ h3 {
   box-sizing: border-box;
 }
 
-#updatestatus .loadlevel {
+#updatestatus .map {
+  margin-left: 8px;
+}
+
+#loadlevel {
   background: #FFF;
   color: #000000;
   display: inline-block;
-  min-width: 1.5em;
+  min-width: 1.8em;
   border: 1px solid #20A8B1;
   border-width: 0 1px;
   margin: -4px 0;
   padding: 4px 0.2em;
 }
 
-#updatestatus .map {
-  margin-left: 8px;
-}
-
 /* Dialogs
  */
 .ui-tooltip, .ui-dialog {