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;
+}

website/views/menu.php

@@ -34,14 +34,18 @@
 
                 // Echo the friend.
                 echo "
-                    <a href='#' class='$extraItem'>
+                    <li class='friend-item $extraItem'>
-                        <li class='friend-item'>
+                        <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>
-                    </a>
                 ";
             }
             if ($i > 1) {