1 files changed, 37 insertions, 4 deletions
diff --git a/www/css/style.css b/www/css/style.css
index 462cb399..163003a1 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -1,4 +1,34 @@
+@font-face {
+    font-family: 'fontawesome';
+    src:url('../lib/font-awesome/fonts/fontawesome-webfont.eot');
+    src:url('../lib/font-awesome/fonts/fontawesome-webfont.eot') format('embedded-opentype'),
+        url('../lib/font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
+        url('../lib/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
+        url('../lib/font-awesome/fonts/fontawesome-webfont.svg') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
 
+.icon-super-speed:before {
+    font-family: "fontawesome";
+    content: "\f135";
+}
+
+
+.icon-normal-speed:before {
+    font-family: "fontawesome";
+    content: "\f1b9";
+}
+
+.icon-faster:before {
+    font-family: "fontawesome";
+    content: "\f101";
+}
+
+.icon-slower:before {
+    font-family: "fontawesome";
+    content: "\f100";
+}
 
 
 .vis-time-axis .grid.vis-odd {
@@ -227,8 +257,8 @@ http://www.cssportal.com/tryit/index.php?file=blog/css-notification-badge */
 {
     position:absolute;
     
-    right: 5%;
-    bottom:30px;
+    left: 10px;
+    bottom:10px;
     z-index:10;
     opacity:1;
 }
@@ -266,9 +296,12 @@ http://www.cssportal.com/tryit/index.php?file=blog/css-notification-badge */
 
 .events-range-modal-text 
 {
+   
     position:absolute;
-    bottom:10px;
-    right:10px;
+    top:20px;
+    
+    left: 50%;
+    transform: translate(-50%, 0%);
     z-index:10;
     opacity:0.7;
     color:white;