couple of small tweaks

* fix not emiting a resize event for gmaps
* added icon to embed page

Author: rossengeorgiev

cache.manifest

@@ -1,5 +1,5 @@
 CACHE MANIFEST
-# version 210
+# version 214
 
 # gogole maps files
 http://maps.google.com/maps/api/js?v=3.10&sensor=false&language=en_us&key=AIzaSyCOqkcNey4CCyG4X0X5qxHAhCgD8g5DwXg

css/main.css

@@ -20,9 +20,12 @@ body {
     font-family: "Roboto", Ariel, sans-serif;
 }
 
-i.right {
+.rfloat {
     float: right;
 }
+.lfloat {
+    float: left;
+}
 
 .scrollStyleV {
     z-index: 100;
@@ -316,7 +319,9 @@ header > div {
 .slimContainer {
     position: relative;
     margin: 20px auto;
-    width: 300px;
+    width: 290px;
+    padding-left: 5px;
+    padding-right: 5px;
 }
 .slimContainer hr {
     margin-bottom: 10px;

index.html

@@ -53,7 +53,11 @@
 
     <div id="embedbox" style="display: none" class="flatpage">
         <div class="slimContainer">
-            <h2>Embed tracker</h2>
+            <h2>Embed tracker
+                <svg width="35" height="40" viewbox="0 0 35 40" version="1.1" class="rfloat">
+                <path style="fill:#666666;" d="m19.188,4.0378c-1.698,10.6-3.396,21.2-5.094,31.8,1.478,0.9,2.037-0.6,2.024-1.7,1.607-10.1,3.213-20.1,4.82-30.1h-1.75zm-6.469,5.3c-3.9064,3-7.8129,6-11.719,9v3.7c3.9045,3,7.8143,6,11.719,9v-3.9c-3.0949-2.3-6.1868-4.6-9.2815-7,3.0937-2.3,6.1875-4.6,9.2815-6.9v-3.9zm9.562,0v3.9c3.094,2.3,6.188,4.6,9.281,6.9-3.093,2.4-6.187,4.7-9.281,7v3.9c3.905-3,7.814-6,11.719-9v-3.7c-3.906-3-7.813-6-11.719-9z"/>
+                </svg>
+            </h2>
             <hr>
             <span>
                 It's possible to embed the mobile tracker on any page. If you are developing a HAB project, you can add the tracker
@@ -68,7 +72,7 @@ <h2>Embed tracker</h2>
     </div>
     <div id="aboutbox" style="display: none" class="flatpage">
         <div class="slimContainer">
-            <h2><i class="icon-question right"></i>About</h2>
+            <h2><i class="icon-question rfloat"></i>About</h2>
             <hr>
             <span>
                 Welcome to the Habitat Mobile Tracker beta. This webpage is specifically crafted with mobile devices in mind.
@@ -85,7 +89,7 @@ <h2>Contribute</h2>
     </div>
     <div id="settingsbox" style="display: none" class="flatpage">
         <div class="slimContainer">
-            <h2><i class="icon-settings right"></i>Settings</h2>
+            <h2><i class="icon-settings rfloat"></i>Settings</h2>
             <hr>
             <div class="row option">
                 <span><b>Daylight overlay</b></span>

js/app.js

@@ -119,7 +119,7 @@ function checkSize() {
         $('#mapscreen,#map,#telemetry_graph,#telemetry_graph .holder').width(w-sw);
         $('#main').width(sw);
     } else { // portrait mode
-        if(h < 420) h = 420;
+        //if(h < 420) h = 420;
         var mh = (embed.vlist) ? 180 : 0;
 
         $('body,#loading').height(h);
@@ -131,6 +131,8 @@ function checkSize() {
 
     // this should hide the address bar on mobile phones, when possible
     window.scrollTo(0,1);
+
+    if(map) google.maps.event.trigger(map, 'resize');
 }
 
 window.onresize = checkSize;
@@ -358,6 +360,7 @@ $(window).ready(function() {
             $('.main_screen,#chasecarbox,#aboutbox,#settingsbox').hide();
             box.show();
         }
+        checkSize();
     });
 
     // toggle functionality for switch button