css changes (navbar, settings page, contacts page)

app/assets/stylesheets/components/_navbar.scss

@@ -14,17 +14,18 @@
     font-weight: bold;
   }
 
-
   .right-align {
     height: 100%;
     width: 16em;
-    margin-right: 5em;
+    margin-right: 4em;
     display: flex;
     align-items: center;
     justify-content: space-between;
+
     .links {
       display: flex;
       height: inherit;
+
       div {
         height: inherit;
         display: flex;
@@ -32,17 +33,18 @@
         border-bottom: 5px solid transparent;
 
         &:first-child {
-          margin-right: 1em;
+          margin-right: 2.5em;
         }
 
-        &.active {
+        &.active, &:hover {
           border-bottom: 5px solid $primary;
           color: white;
 
-           a {
+          a {
             color: white;
-           }
+          }
         }
+
         a {
           color: #C4C4C4;
           text-decoration: none;
@@ -53,7 +55,28 @@
 
   .profile {
     img {
-      width: 3.25em;
+      width: 3em;
+      padding: 0.2em;
+    }
+  }
+
+  .burger-menu {
+    margin-right: 20px;
+    color: $primary;
+  }
+
+  .polyglot-dropdown {
+    background-color: $navbar-background;
+
+    li {
+      a {
+        color: $icon;
+
+        &:hover {
+          color: $primary;
+          background-color: $navbar-background;
+        }
+      }
     }
   }
 }