From df9f782809173e2d42c3e431fd234c60741d64e2 Mon Sep 17 00:00:00 2001
From: Lars van Hijfte <larsvanhijfte@hotmail.com>
Date: Wed, 18 Jan 2017 15:54:13 +0100
Subject: [PATCH] Friends in the menu now redirects to the users profile.

---
 website/public/styles/menu.css | 13 +++++++++++++
 website/views/menu.php         | 20 ++++++++++++--------
 2 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/website/public/styles/menu.css b/website/public/styles/menu.css
index 7778545..45163de 100644
--- a/website/public/styles/menu.css
+++ b/website/public/styles/menu.css
@@ -25,3 +25,16 @@
     font-size: 14px;
     cursor: pointer;
 }
+
+.friend-item {
+    cursor: pointer;
+}
+
+.menu button {
+    background: none;
+    color: #333;
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    text-align: left;
+}
\ No newline at end of file
diff --git a/website/views/menu.php b/website/views/menu.php
index 5486cd6..731b284 100644
--- a/website/views/menu.php
+++ b/website/views/menu.php
@@ -34,14 +34,18 @@
 
                 // Echo the friend.
                 echo "
-                    <a href='#' class='$extraItem'>
-                        <li class='friend-item'>
-                            <div class='friend'>
-                                <img alt='PF' class='profile-picture' src='$pf'/>
-                                $username
-                            </div>
-                        </li>
-                    </a>
+                    <li class='friend-item $extraItem'>
+                        <form action='profile.php' method='get'>
+                            <button type='submit'
+                                    name='username'
+                                    value='$username'>
+                                <div class='friend'>
+                                    <img alt='PF' class='profile-picture' src='$pf'/>
+                                    $username
+                                </div>
+                            </button>
+                        </form>
+                    </li>
                 ";
             }
             if ($i > 1) {