increased map size in portrait mode

Author: rossengeorgiev

css/main.css

@@ -435,7 +435,7 @@ header .search form input[type='submit'] {
     position: absolute;
     z-index: 2;
     bottom: 40%;
-    right: 25%;
+    right: 30%;
     opacity: 0.6;
     width: 46px;
     height: 84px;
@@ -740,7 +740,7 @@ header .search form input[type='submit'] {
         height: 225px;
     }
     #main {
-        height: 180px;
+        height: 150px;
     }
     #main .data {
         height: 140px;
@@ -749,17 +749,16 @@ header .search form input[type='submit'] {
         float: left;
         width: 65%;
         padding-left: 5px;
-        padding-right: 20px;
     }
     #main .data .right {
         float: right;
         padding-right: 10px;
-        width: 20%;
+        width: 25%;
     }
     #main .data dl > dt {
         color: #000;
         line-height: 11px;
-        margin-top: 15px;
+        margin-top: 7px;
         font-weight: bold;
         font-size: 14px;
     }

js/app.js

@@ -314,7 +314,7 @@ function checkSize() {
         $('#main').width(sw);
     } else { // portrait mode
         //if(h < 420) h = 420;
-        var mh = (wvar.vlist) ? 180 : 0;
+        var mh = (wvar.vlist) ? 150 : 0;
 
         $('body,#loading').height(h);
         $('#map,#mapscreen').height(h-hh-5-mh);

js/tracker.js

@@ -978,7 +978,7 @@ function updateVehicleInfo(vcallsign, newPosition) {
            '</div>' + // left
            '<div class="right">' +
            '<dl>' +
-           ((vehicle.vehicle_type == "car") ? '' : '<dt>'+ascent_text+' '+hrate_text+'</dt><dd>rate v|h</dd>') +
+           ((vehicle.vehicle_type == "car") ? '' : '<dt>'+ascent_text+'<br/>'+hrate_text+'</dt><dd>rate v|h</dd>') +
            '<dt>'+text_alt+'</dt><dd>altitude</dd>' +
            '<dt>'+text_alt_max+'</dt><dd>max alt</dd>' +
            '';