Made some improvements to the sidebar.

app/client/app.css

@@ -871,7 +871,7 @@ footer .fa {
     border-radius: 100%;
 }
 
-.playlist-title {
+.playlist-title, .chat-title {
     text-align: center;
     color: white;
     font-weight: 600;
@@ -882,7 +882,7 @@ footer .fa {
     padding: 0 15px 0 15px;
     color: white;
     font-size: 21px;
-    max-height: 90%;
+    max-height: 100%;
     overflow: auto;
 }
 
@@ -1176,3 +1176,6 @@ nav form input[type="image"]{
 .row {
     margin: 0;
 }
+.sidebar-content {
+    height: calc(100% - 42px);
+}

app/client/templates/room.html

@@ -99,6 +99,7 @@
                             {{> playlist}}
                         </div>
                         <div class="tab-pane" id="chat">
+                            <h2 class="chat-title">Chat</h2>
                             <ul id="chat-ul">
                                 {{#each chat}}
                                     <li class="chat-message"><b class="bold">{{this.username}}:</b> {{this.message}}</li>