Added menu button

website/public/js/header.js

@@ -1,7 +1,7 @@
 $(document).ready(function() {
 
     // Toggle menu
-    $("#own-profile-picture").click(function() {
+    $("#own-profile-picture, #open-notifications").click(function() {
         if ($("#notification-center").css('right') == "-256px") {
             // Make the menu visible and move the content to the left.
             $("#chat-history").width("calc(100% - 587px)");

website/public/styles/header.css

@@ -43,6 +43,10 @@ header div {
     width: 64px;
 }
 
-#own-profile-picture {
+#own-profile-picture, #open-notifications {
     cursor: pointer;
 }
+
+#open-notifications {
+    padding: 5px 20px 5px 0px;
+}

website/public/styles/menu.css

@@ -66,13 +66,9 @@
 }
 
 .notification-options {
-    display: none;
-    width: 100%;
-}
-
-.notification-options form {
     width: 100%;
     text-align: center;
+    display: none;
 }
 
 .notification-options button {

website/views/header.php

@@ -27,6 +27,7 @@ $userinfo = getHeaderInfo();
             <?=$userinfo["fname"]?>
         </div>
         <img id="own-profile-picture" class="profile-picture" src="<?=$userinfo["profilepicture"]?>"/>
+        <i id="open-notifications" class="fa fa-bars"></i>
     </div>
 </header>
 <?php include("notification-center.php"); ?>