add balloon icon

Author: xss

css/habitat-font.css

@@ -75,18 +75,4 @@
 .icon-target:before           { content: "\f006"; }
 .icon-earth:before            { content: "\f007"; }
 .icon-daylight:before         { content: "\f008"; }
-.icon-settings:before         { content: "\f010"; }
-.icon-user:before             { 
-  content: "🎈"; 
-  color: transparent;  
-  text-shadow: 0 0 0 white;
-  line-height: 1;
-}
-
-.icon-user          { 
-  line-height: 1;
-}
-
-.user          { 
-  line-height: 1 !important;
-}
+.icon-settings:before         { content: "\f010"; }

css/main.css

@@ -978,4 +978,11 @@ header .search form input[type='submit'] {
     font-weight: bold;
     text-align: center;
     padding: 10px;
-}
+}
+/* predictor settings pane */ 
+.prediction_settings { 
+    background-image: url("../glyphs/icon-balloon.svg");
+    background-repeat: no-repeat;
+    background-size: 50%;
+    background-position: center;
+  }

glyphs/icon-balloon.svg

@@ -42,7 +42,7 @@
             </div>
             <ol class="nav noselect">
                 <li class="home"><i class="icon-habhub"></i></li>
-                <li class="user"><i class="icon-user"></i></li>
+                <li class="prediction_settings"></li>
                 <li class="chasecar" style="display: none"><i class="icon-car"></i></li>
                 <li class="settings"><i class="icon-settings"></i></li>
                 <li class="weather">