Small changes

website/styles/chat.css

@@ -13,14 +13,14 @@
     margin-right: 10px;
 
 }
-.chat-list, .chat-history {
+.chat-recent, .chat-history {
     border-radius: 20px;
     width: 100%;
     background-color: white;
 }
 
 /* List of chats. */
-.chat-list {
+.chat-recent {
     height: 600px;
     overflow-y: auto;
     padding: 10px;

website/views/chat-view.php

@@ -1,13 +1,17 @@
 <div class="content">
     <div class="chat">
         <div class="chat-left">
-            <div class="chat-list">
+            <nav class="chat-recent">
                 <h5>Chats</h5>
                 <a href="#"><div class="chat-conversation">
-                    <img class="profile-picture" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTDnuRSeeyPve7KwDvJJ6OBzj3gyghwLcE2z9kZeYBOyZavh3mw">
-                    Rudolf Leslo
-                </div></a>
-            </div>
+                        <img class="profile-picture" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTDnuRSeeyPve7KwDvJJ6OBzj3gyghwLcE2z9kZeYBOyZavh3mw">
+                        Rudolf Leslo
+                    </div></a>
+                <a href="#"><div class="chat-conversation">
+                        <img class="profile-picture" src=http://www.kpop-map.com/wp-content/uploads/2016/01/sm-rookies-kun-profile.jpg">
+                        Henk de Boer
+                    </div></a>
+            </nav>
         </div>
 
         <div class="chat-right">
@@ -35,7 +39,7 @@
             <form class="chat-field" method="post">
                 <input type="text"
                        name="message"
-                       placeholder="Typ een chatbericht om te verzenden"
+                       placeholder="Reageer..."
                        required
                 >
                 <input type="submit"