diff -r 97536386b397 -r 57d63a248f0d client/src/components/Navbar.scss
--- a/client/src/components/Navbar.scss	Wed Aug 29 11:02:36 2018 +0200
+++ b/client/src/components/Navbar.scss	Fri Aug 31 15:14:18 2018 +0200
@@ -8,31 +8,49 @@
 
 #brand {
     margin-top: 5px;
-    font-size: 30px;
 }
 
-.navbar-nav .navs, .navbar-right .navs {
-    font-size: 20px;
-    margin-top: 7px;
-    background-color: #769FED;
+.username#navbarDropdown {
+    font-size: 24px;
+    font-weight: medium;
+    margin-top:2%;
 }
 
-.navbar-right .navs:focus {
-    background-color: #769FED;
+.nav-link {
+    font-size: 20px;
+    margin-top: 8px;
 }
 
 #sync-button {
     margin-top: 7px;
 }
 
-#groups {
-    color: #769FED;
+.dropdown-toggle{
+    cursor: pointer;
+}
+
+.dropdown-item {
     font-size: 18px;
     font-weight: bold;
-    background-color: white;
+    cursor: pointer;
+}
+
+#group-menu-scroll-down {
+    height: auto;
+    max-height: 800%;
+    overflow-y: scroll;
 }
 
-.navs .user-dropdown {
+.create-group {
+    width: 60%;
+    padding-top: 1.5%;
+    margin-top: 2.5%;
+    margin-bottom: 5%;
+    margin-left: 20%;
+    font-size: 14px;
+}
+
+.nav-link .user-dropdown {
     font-size: 18px;
     font-weight: bold;
 
@@ -90,15 +108,16 @@
 
 #logout-close-modal-button{
     margin-top: -2.5%;
-    margin-right: -1%;
+    margin-left: 92%;
     background-color: transparent;
     border: transparent;
+    color: rgba(#769FED, .4);
 }
 
 #logout-close-modal-button:hover{
     background-color: transparent;
     border: transparent;
-    color: #769FED;
+    color:black;
 }
 
 .modal-text{
@@ -112,7 +131,7 @@
     font-size:60px;
     padding:0;
     margin-top: 5%;
-    margin-right: -5%;
+    margin-right: 3%;
 }
 
 #logout-modal-button {
@@ -122,7 +141,3 @@
     width: 20%;
     font-size: 14px;
 }
-
-.modal-footer{
-    border: white;
-}