Many fixes

src/components/Navbar/Navbar.sass

@@ -1,46 +1,63 @@
 @import "../App/App"
 
+.Minimized
+  height: 3rem
+
+.Expanded
+  min-height: 3rem
+
+  &__Links
+    position: relative
+    width: 100%
+
 .Header
   color: var(--main-color)
   background-color: var(--nav-bg-color)
   display: flex
   justify-content: space-between
-  min-height: 3rem
+  align-items: flex-start
+  flex-wrap: wrap
 
-  .Header_Links
+  &__Links, &__User
     min-height: 3rem
     display: flex
     flex-wrap: wrap
 
-  .Header_Button
+  &_Button
     font-size: 1rem
     padding: .5rem
-    height: 3rem
     color: var(--main-color)
     background-color: var(--nav-bg-color)
     border: none
-    border-radius: 0
-
-  .Header_Button:hover, .Header__User_Profile:hover
-    background-color: var(--main-bg-color)
-
-  .Header_User
-    display: flex
-
-  .Header__User_Profile
     display: flex
+    justify-content: center
     align-items: center
-    font-size: 1rem
-    height: 3rem
-    color: var(--main-color)
-    background-color: var(--nav-bg-color)
-    border: none
-    border-radius: 0
+    cursor: pointer
 
-  .Header__User_Avatar
-    background-size: cover
-    background-position: center
-    width: 40px
-    height: 40px
-    border-radius: 50%
-    margin-right: .2rem
+    &:hover
+      background-color: var(--main-bg-color)
+
+  &__User
+    justify-content: flex-end
+
+    &_Profile
+      display: flex
+      align-items: center
+      font-size: 1rem
+      height: 3rem
+      color: var(--main-color)
+      background-color: var(--nav-bg-color)
+      border: none
+      border-radius: 0
+      padding: 0 .5rem
+
+      &:hover
+        background-color: var(--main-bg-color)
+
+    &_Avatar
+      background-size: cover
+      background-position: center
+      width: 40px
+      height: 40px
+      border-radius: 50%
+      margin-right: .2rem