Merge branch 'master' into marijn-chat

website/styles/header.css

@@ -1,5 +1,6 @@
-.header {
+header {
     position: fixed;
+    z-index: 99;
 
     top: 0;
     left: 0;
@@ -38,7 +39,7 @@
 }
 
 
-.header div {
+header div {
     display: inline-block;
 }
 
@@ -49,6 +50,5 @@
 .profile-menu img {
     padding: 8px;
     height: 64px;
-
-    vertical-align: middle;
+    width: 64px;
 }

website/styles/main.css

@@ -7,6 +7,10 @@ Website:        myhyvesbookplus.tk
 
 .profile-picture {
     border-radius: 50%;
+    height: 42px;
+    width: 42px;
+    object-fit: cover;
+    vertical-align: middle;
 }
 
 body {
@@ -17,6 +21,7 @@ body {
 
 .content {
     margin-top: 80px;
+    margin-left: 256px;
 }
 
 ::selection {

website/styles/menu.css

@@ -0,0 +1,19 @@
+.menu {
+    position: fixed;
+
+    left: 0;
+    top: 80px;
+    height: calc(100% - 80px);
+    width: 256px;
+
+    background-color: white;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+}
+
+.menu h4 {
+    padding: 10px;
+}
+
+.friend-item {
+    padding: 5px 20px;
+}