Move lang to top

resources/base.scss

@@ -719,8 +719,37 @@ math {
     color: darkgreen;
 }
 
+#nav-lang-icon {
+    color: gray;
+    cursor: pointer;
+}
+#nav-lang-icon:hover {
+    color: darkgray;
+}
+#lang-dropdown {
+    padding: 4px 0;
+    border-radius: 4px;
+    border: 0.5px solid lightgray;
+    margin-top: 1px;
+    background: white;
+    display: none;
+}
+
+.lang-dropdown-item {
+    padding-bottom: 0.3em;
+    padding-left: 0.4em;
+    font-size: 0.9em;
+    cursor: pointer;
+}
+
+.lang-dropdown-item:hover {
+    background: lightgray;
+}
+
 .navbar-icons {
-    font-size: 1.6em;
+    .navbar-icon {
+        font-size: 1.6em;
+    }
     float: left;
     margin-right: 0.3em;
 }
@@ -738,6 +767,14 @@ math {
     font-family: monospace;
 }
 
+.sub-lang {
+    color: black;
+    font-size: x-small;
+    margin-left: -12px;
+    font-family: monospace;
+    text-transform: uppercase;
+}
+
 @media (max-width: 500px) {
     #notification {
         margin-top: 0.6em;
@@ -787,12 +824,12 @@ math {
 
 @media (max-width: 799px) {
     .navbar-icons {
-        margin-top: 2px;
+        margin-top: 6px;
     }
 }
 
 @media (min-width: 800px) {
     .navbar-icons {
-        margin-top: 7px;
+        margin-top: 12px;
     }
 }