More Progress

Web/Scripts/Shared/Site.js

@@ -29,7 +29,7 @@
         });
     });
     $("input#ModelYear,input#Price,input#VehicleId,input#EndOdometer,input#GasPurchased").numeric();
-    $(".report-miles").each(function () {
+    $(".report-miles").append('&nbsp;<span class="muted">&#9652;</span>').each(function () {
         var content = $(this).next('.report-calculation');
         $(this).qtip({
             content: content,
@@ -38,13 +38,17 @@
                 delay: 1000
             },
             style: {
-                width: 400,
+                width: 520,
                 classes: "qtip-light"
-            }
+            },
+            position: {
+                my: "top right",
+                at: "bottom left"
+            },
         });
     });
 
-    $(".miles-unknown").addClass('ui-state-error').append('<span class="ui-icon ui-icon-triangle-1-n"/>')
+    $(".miles-unknown").addClass('ui-state-error').append('&nbsp;<span class="muted">&#9652;</span>')
         .each(function () {
             $(this).qtip({
                 content: "No previous log for this vehicle",
@@ -85,6 +89,10 @@
                 width: 320,
                 classes: 'qtip-light'
             },
+            position: {
+                my: "top right",
+                at: "bottom left"
+            },
             hide: {
                 fixed: true,
                 delay: 500
@@ -135,7 +143,7 @@ function bindQtipModal(element) {
 
     element.click(function () { return false; });
 
-    element.append('&nbsp;<i class="icon-chevron-up" />');
+    element.append('&nbsp;<span class="muted">&#9652;</span>');
 
     element.qtip({
         content: {
@@ -151,6 +159,9 @@ function bindQtipModal(element) {
         style: {
             classes: 'qtip-light qtip-shadow',
             width: 300
+        },
+        position: {
+            viewport: $(window)
         }
     });
 }