added new custom spinner

Author: rossengeorgiev

img/hab-spinner.gif

@@ -78,7 +78,7 @@ <h2>Embed tracker
         <div class="slimContainer">
             <h2><i class="icon-question rfloat"></i>Welcome</h2>
             <hr/>
-            <div id='motd'><img style='display:block;margin:0 auto' src="img/hab-spinner.gif" /></div>
+            <div id='motd'><img style='display:block;margin:0 auto;width:90px;height:30px' src="img/hab-spinner.gif" /></div>
             <br/>
 <iframe data-src="https://www.google.com/calendar/embed?title=Habhub%20Calendar&amp;showTitle=0&amp;showNav=0&amp;showPrint=0&amp;showTabs=0&amp;showCalendars=0&amp;mode=AGENDA&amp;height=450&amp;wkst=2&amp;bgcolor=%23ffffff&amp;src=5m4629p2h0esfojq1elep31einvu2q0v%40import.calendar.google.com&amp;color=%2300a3d3&amp;ctz=Pacific%2FMidway" style=" border-width:0 " width="290" height="450" frameborder="0" scrolling="no"></iframe>
             <p>
@@ -288,10 +288,10 @@ <h2>Chase car mode</h2>
     <div id="main" style="display: none">
         <div class="scrollwrapper">
             <div class="portrait">
-                <div class="row vehicle0"><div class="header empty"><img style="width:24px;height:24px" src="img/hab-spinner.gif"/></div></div>
+                <div class="row vehicle0"><div class="header empty"><img style="width:90px;height:30px" src="img/hab-spinner.gif"/></div></div>
             </div>
             <div class="landscape">
-                <div class="row vehicle0"><div class="header empty"><img style="width:24px;height:24px" src="img/hab-spinner.gif"/></div></div>
+                <div class="row vehicle0"><div class="header empty"><img style="width:90px;height:30px" src="img/hab-spinner.gif"/></div></div>
             </div>
         </div>
     </div>

index.html

@@ -396,7 +396,7 @@ function load() {
             $('#main .empty').parent().remove();
             $("#main .portrait,#main .landscape").append(
                 '<div class="row vehicle'+elm_uuid+'"><div class="header empty">' +
-                '<img style="width:24px;height:24px" src="img/hab-spinner.gif"/></div></div>'
+                '<img style="width:90px;height:30px" src="img/hab-spinner.gif"/></div></div>'
             );
 
             refresh();
@@ -1173,7 +1173,7 @@ var mapInfoBox_handle_path = function(event) {
     var point = (p1_dist < p2_dist) ? p[minidx-1] : p[minidx];
     var id = (p1_dist < p2_dist) ? vehicle.positions_ids[minidx-1] : vehicle.positions_ids[minidx];
 
-    mapInfoBox.setContent("<img style='width:18px;height:18px' src='img/hab-spinner.gif' />");
+    mapInfoBox.setContent("<img style='width:60px;height:20px' src='img/hab-spinner.gif' />");
     mapInfoBox.setPosition(point);
     mapInfoBox.setMap(map);
     mapInfoBox.open(map);