Fixed firefox and other issues.

Tablet.MvcMusicStore/Content/Site.css

@@ -37,7 +37,6 @@ h1 {
     font-size: 2.5em;
     color: white;
     font-weight: bold;
-    width: 450px;
     display: inline-block;
     float: left;
     font-style: italic;
@@ -376,11 +375,22 @@ h2 {
     /* Styles */
 
     #main-header {
-        width: 80%;
+        width: 100%;
     }
 
     .main-title {
         font-size: 2em;
-        width: 350px;
+        margin: 10px 0 0 125px;
     }
 }
+
+
+@media only screen and (min-width : 320px) and (max-width : 768px) {
+
+    .main-title {
+        line-height: 40px;
+        margin: 10px 0 0 125px;
+        font-size: 1.5em;
+    }
+
+}

Tablet.MvcMusicStore/Content/sales-view.css

@@ -75,7 +75,7 @@
 }
 
 .chart-type-line-selected {
-    background-position: -30px  2px;
+    background-position: -30px 2px;
 }
 
 .chart-type-column-selected {
@@ -170,7 +170,6 @@
 
 
 #genre-sales {
-    height: 300px;
     width: 80%;
     margin: 10px auto;
     display: block;
@@ -253,4 +252,23 @@
     }
 }
 
+@media only screen and (min-width : 320px) and (max-width : 768px) {
+
+    #genre-sales {
+        width: 90%;
+    }
+
+    .half-chart-wrapper {
+        width: 49%;
+        margin: 0;
+    }
+
+    .half-width-chart {
+        width: 80%;
+    }
+
+}
+
 /* End Sales View*/
+
+

Tablet.MvcMusicStore/Content/social-view.css

@@ -68,7 +68,6 @@
     background-position: -303px 0;
     -webkit-border-radius: 48px;
     border-radius: 48px;
-
 }
 
 .temp-gauge-background {
@@ -93,30 +92,28 @@
     width: 130px;
     padding: 80px 0 0 0;
     margin: 0 4.5%;
-    background-position-y: 0px;
 }
 
 
 .social-acoustic-linear-gauge-wrapper {
-    background-position-x: -294px;
-    background-position-y: -15px;
+    background-position: -294px -15px;
 }
 
 
 .social-gplus-linear-gauge-wrapper {
-    background-position-x: -33px;
+    background-position: -33px 0px;
 }
 
 .social-pinterest-linear-gauge-wrapper {
-    background-position-x: -928px;
+    background-position: -928px 0px;
 }
 
 .social-twitter-linear-gauge-wrapper {
-    background-position-x: -762px;
+    background-position: -762px 0px;
 }
 
 .social-facebook-linear-gauge-wrapper {
-    background-position-x: -552px;
+    background-position: -552px 0px;
 }
 
 
@@ -183,7 +180,7 @@
         font-weight: bold;
     }
 
-    
+
     #top-artists-tabstrip .k-link,
     #top-songs-tabstrip .k-link {
         background: none;
@@ -200,24 +197,21 @@
         background: #EF8549;
     }
 
-#top-songs-tabstrip .k-item:first-of-type,
-#top-artists-tabstrip .k-item:first-of-type
-{
-    -webkit-border-radius: 5px 0px 0px 5px;
-    border-radius: 5px 0px 0px 5px;
-}
+    #top-songs-tabstrip .k-item:first-of-type,
+    #top-artists-tabstrip .k-item:first-of-type {
+        -webkit-border-radius: 5px 0px 0px 5px;
+        border-radius: 5px 0px 0px 5px;
+    }
 
 
-#top-songs-tabstrip .k-item:last-of-type,
-#top-artists-tabstrip .k-item:last-of-type
-{
-    -webkit-border-radius: 0px 5px 5px 0px;
-    border-radius: 0px 5px 5px 0px;
-}
+    #top-songs-tabstrip .k-item:last-of-type,
+    #top-artists-tabstrip .k-item:last-of-type {
+        -webkit-border-radius: 0px 5px 5px 0px;
+        border-radius: 0px 5px 5px 0px;
+    }
 
 
 .radial-gauge-container {
-    height: 250px;
     display: inline-block;
     margin: 1%;
     background-image: url("../img/record-gauge-home.png");

Tablet.MvcMusicStore/Views/Shared/_Layout.cshtml

@@ -36,9 +36,9 @@
     @RenderBody()
 
     <footer class="main-footer">
-        <a href="http://telerik.com" title="Telerik"><img src="img\telerik-logo.png" alt="Telerik" height="80" width="230" class="telerik-logo" /></a>
-        <a href="http://kendoui.com" title="Telerik"><img src="img\kendo-logo.png" alt="Kendo UI" height="80" width="230" class="kendo-logo" /></a>
-        <a href="http://Riaconsultingllc.com" title="Telerik"><img src="img\RiaFontBlue.png" alt="RIA Consulting" class="ria-logo" width="303" height="32" /></a>
+        <a href="http://telerik.com" title="Telerik"><img src="@Url.Content("~/img/telerik-logo.png")" alt="Telerik" height="80" width="230" class="telerik-logo" /></a>
+        <a href="http://kendoui.com" title="Telerik"><img src="@Url.Content("~/img/kendo-logo.png")" alt="Kendo UI" height="80" width="230" class="kendo-logo" /></a>
+        <a href="http://Riaconsultingllc.com" title="Telerik"><img src="@Url.Content("~/img/RiaFontBlue.png")" alt="RIA Consulting" class="ria-logo" width="303" height="32" /></a>
     </footer>
     <script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"></script>
 

Tablet.MvcMusicStore/app/main-view.js

@@ -169,6 +169,7 @@ function CreateGauge(selector, value, min, max) {
 
 function UpdateGauges() {
     //fetch new gauge data
+
     var gaugeValueDataSource = new kendo.data.DataSource({
         transport: {
             read: 'api/sales/gauges'
@@ -185,11 +186,14 @@ function UpdateGauges() {
             ApplyGaugeDelta('.visitors-per-hour', data.items[0].Visitors);
         }
     });
+
     gaugeValueDataSource.read();
 }
 
 function ApplyGaugeDelta(selector, delta) {
-    var gauge = $(selector).data('kendoRadialGauge');
-    var value = gauge.value();
+
+    var gauge = $(selector).data('kendoRadialGauge'),
+        value = (gauge ? gauge.value() : 0);
+
     gauge.value(value + delta);
 }