Simplify Settings menu icon

static/sfu.css

@@ -565,7 +565,7 @@ textarea.form-reply {
 .nav-link {
     padding: 0;
     color: #dbd9d9;
-    min-width: 32px;
+    min-width: 30px;
     display: block;
     text-align: center;
     margin: 0 10px;
@@ -604,6 +604,11 @@ textarea.form-reply {
     font-size: 25px;
 }
 
+.nav-more {
+    padding-top: 5px;
+    margin-left: 0;
+}
+
 .header-title {
     float: left;
     margin: 0;
@@ -1122,7 +1127,7 @@ header .collapse {
 
 @media only screen and (max-device-width: 1024px) {
     .nav-link {
-        margin: 0;
+        margin: 0 4px;
         line-height: 1.5;
     }
 
@@ -1134,6 +1139,11 @@ header .collapse {
         display: none;
     }
 
+    .nav-more {
+        padding-top: 0;
+        margin-left: inherit;
+    }
+
     .full-width {
         height: calc(var(--vh, 1vh) * 100 - 56px);
     }
@@ -1212,7 +1222,7 @@ header .collapse {
         display: block;
     }
 
-    .sidenav a {padding: 10px 5px;}
+    .sidenav a {padding: 10px 10px;}
 
     .sidenav-header h2 {
         line-height: 36px;

static/sfu.html

@@ -72,9 +72,8 @@
                   </div>
                 </li>
                 <li>
-                  <div class="nav-button nav-link" id="openside">
-                    <span><i class="fas fa-cog" aria-hidden="true"></i></span>
-                    <label>Settings</label>
+                  <div class="nav-button nav-link nav-more" id="openside">
+                    <span><i class="fas fa-ellipsis-v" aria-hidden="true"></i></span>
                   </div>
                 </li>
               </ul>