Change menu-icon to actual menu icon

interfaces/Glitter/templates/main.tmpl

@@ -117,8 +117,12 @@
                         <li data-toggle="tooltip" data-placement="bottom" title="SABnzbd $T('menu-config')">
                             <a href="config"><span class="glyphicon glyphicon-cog"></span></a>
                         </li>
-                        <li class="dropdown">
-                            <a href="#" data-toggle="dropdown" data-bind="css: { 'active-on-queue-finish-menu': onQueueFinish()}" onclick="keepOpen(this)"><span class="glyphicon glyphicon-off"></span></a>
+                        <li class="dropdown main-menu-link" data-bind="css: { 'active-on-queue-finish-menu': onQueueFinish()}">
+                            <a href="#" data-toggle="dropdown"  onclick="keepOpen(this)">
+                                <span class="icon-bar"></span>
+                                <span class="icon-bar"></span>
+                                <span class="icon-bar"></span>
+                            </a>
                             <ul class="dropdown-menu menu-options">
                                 <li><a href="#modal_help" data-toggle="modal"><span class="glyphicon glyphicon-question-sign"></span> $T('menu-help')</a></li>
                                 <!--#if $have_quota or $have_rss_defined or $have_watched_dir or $pp_pause_event#--><li class="divider"></li><!--#end if#-->

interfaces/Glitter/templates/static/stylesheets/glitter.css

@@ -65,6 +65,37 @@ h2 {
     color: white !important;
 }
 
+.navbar-nav>li>a {
+    color: white !important;
+    opacity: 0.7;
+}
+
+.navbar-nav>li>a:hover,
+.main-menu-link:hover a {
+    opacity: 1;
+}
+
+.main-menu-link .icon-bar {
+    display: block;
+    width: 16px;
+    height: 3px;
+    border-radius: 1px !important;
+    background-color: white;
+    margin-top: 3px;
+}
+
+.main-menu-link .icon-bar:first-child {
+    margin-top: 2px;
+}
+
+.main-menu-link .icon-bar:last-child {
+    margin-bottom: 3px;
+}
+
+.active-on-queue-finish-menu .icon-bar {
+    background-color: red;
+}
+
 .navbar-timeleft {
     font-weight: bold;
     min-width: 100px;
@@ -171,7 +202,6 @@ li.dropdown {
     left: 0;
 }
 
-.active-on-queue-finish-menu,
 .queue-error-info {
     color: red !important;
 }
@@ -783,10 +813,6 @@ tr.queueitem>td:first-child>a {
     position: relative;
 }
 
-.nohistory {
-    padding-bottom: 15px;
-}
-
 .history h2 {
     clear: left;
 }