lowered width of time&angles boxes by 30px

Author: rossengeorgiev

css/main.css

@@ -51,7 +51,7 @@ body {
     background-color: #fff;
     position: absolute;
     height: 28px;
-    width: 225px;
+    width: 195px;
     border-radius: 20px;
     box-shadow: 0 0 5px #888;
     font-size: 11px;
@@ -69,7 +69,7 @@ body {
 .slickbox div {
     font-size: 14px;
     margin-top: 3px;
-    width: 180px;
+    width: 150px;
     text-align: center;
 }
 
@@ -96,27 +96,27 @@ body {
     fill: #c00;
 }
 #timebox .current {
-    margin-left: 5px;
+    margin-left: 11px;
 }
 #timebox .local {
-    margin-left: 15px;
+    margin-left: 5px;
 }
 
 .slickbox .azimuth {
     margin-left: 9px;
-    width: 100;
+    width: 91px;
 }
 .slickbox .bearing {
     margin-right: 5px;
-    width: 70px;
+    width: 60px;
 }
 .slickbox .elevation {
     margin-left: 5px;
-    width: 100px;
+    width: 95px;
 }
 .slickbox .range {
     margin-right: 5px;
-    width: 70px;
+    width: 60px;
 }
 
 #mapscreen {

index.html

@@ -262,7 +262,7 @@ <h2>Chase car mode</h2>
             <svg width="40" height="40" viewbox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" version="1.1" version="1.1" class="lfloat">
                   <path d="M99.812,43.188c-2.77,0-5,2.032-5,4.562v40.875c-4.315,1.97-7.312,6.321-7.312,11.375,0,6.9,5.596,12.5,12.5,12.5,1.05,0,2.06-0.16,3.03-0.41l23.35,23.35c2.23,2.24,5.93,2.13,8.28-0.22s2.42-6.04,0.18-8.28l-23-23c0.42-1.24,0.66-2.56,0.66-3.94,0-5.202-3.17-9.68-7.69-11.562v-40.688c0-2.53-2.23-4.562-4.998-4.562zm-5.906-23c0.031-0.003,0.063,0.002,0.094,0v14.374c0,0.236,0.202,0.438,0.438,0.438h11.122c0.24,0,0.44-0.202,0.44-0.438v-14.343c39.4,2.921,70.86,34.381,73.78,73.781h-14.34c-0.24,0-0.44,0.171-0.44,0.406v11.154c0,0.24,0.2,0.44,0.44,0.44h14.34c-2.92,39.4-34.38,70.86-73.78,73.78v-14.37c0-0.24-0.2-0.41-0.44-0.41h-11.122c-0.236,0-0.438,0.17-0.438,0.41v14.37c-39.4-2.92-70.86-34.38-73.781-73.78h14.343c0.236,0,0.438-0.2,0.438-0.44v-11.154c0-0.235-0.202-0.406-0.438-0.406h-14.343c2.918-39.372,34.33-70.848,73.687-73.812zm6.094-10.188c-49.706,0-90,40.294-90,90,0,49.71,40.294,90,90,90,49.71,0,90-40.29,90-90,0-49.706-40.29-90-90-90zm0-10c55.23,0,100,44.772,100,100,0,55.23-44.77,100-100,100-55.228,0-100-44.77-100-100,0-55.228,44.772-100,100-100z"></path>
             </svg>
-            <span class="current lfloat">Current: ???</span>
+            <span class="current lfloat">UTC: ???</span>
             <span class="local lfloat">Local: ???</span>
         </div>
 

js/app.js

@@ -455,7 +455,7 @@ var updateTimebox = function(date) {
     f = twoZeroPad(date.getUTCMinutes());
     g = twoZeroPad(date.getUTCSeconds());
 
-    elm.find(".current").text("Current: "+a+'-'+b+'-'+c+' '+e+':'+f+':'+g+" UTC");
+    elm.find(".current").text("UTC: "+a+'-'+b+'-'+c+' '+e+':'+f+':'+g);
 
     a = date.getFullYear();
     b = twoZeroPad(date.getMonth()+1); // months 0-11
@@ -465,7 +465,7 @@ var updateTimebox = function(date) {
     g = twoZeroPad(date.getSeconds());
     z = date.getTimezoneOffset() / -60;
 
-    elm.find(".local").text("Local: "+a+'-'+b+'-'+c+' '+e+':'+f+':'+g+" UTC"+((z<0)?"-":"+")+z);
+    elm.find(".local").text("Local: "+a+'-'+b+'-'+c+' '+e+':'+f+':'+g+" "+((z<0)?"-":"+")+z);
 };
 
 var format_time_friendly = function(start, end) {

js/tracker.js

@@ -218,9 +218,9 @@ function update_lookangles(vcallsign) {
 
     var look = calculate_lookangles(a,b);
 
-    $("#lookanglesbox .azimuth").text("Azimuth: " + Math.round(look.azimuth * 10000)/10000 + "°");
+    $("#lookanglesbox .azimuth").text("Azimuth: " + roundNumber(look.azimuth, 2) + "°");
     $("#lookanglesbox .bearing").text(look.bearing);
-    $("#lookanglesbox .elevation").text("Elevation: " + Math.round(look.elevation * 10000)/10000 + "°");
+    $("#lookanglesbox .elevation").text("Elevation: " + roundNumber(look.elevation, 2) + "°");
 
     var range_string = "";
     if(offline.get('opt_imperial')) {