Margin instead of col-md

app/client/stylesheets/app.css

@@ -333,8 +333,10 @@ input[type="range"] + .thumb {
 }
 
 .chat-ul{
-    height: calc(100% - 164px);
+    height: 100%;
     overflow-y: scroll;
+    display: table;
+    width: 100%;
 }
 
 .chat-message:hover{
@@ -348,6 +350,11 @@ input[type="range"] + .thumb {
 .chat-message a{
     width: 50px;
     height: 50px;
+    display: block;
+}
+
+.chat-message li{
+    display: table-cell;
 }
 
 #submit, #add-allowed-submit, #add-playlist-modal-button{

app/client/templates/home.html

@@ -2,8 +2,7 @@
     {{> header}}
     <main>
         {{> alerts}}
-            <div class="row">
-            <div class="col m10 offset-m1">
+            <div style="margin-left: 5%;margin-right: 5%;">
             <h3 class="center-align">Official Rooms</h3>
             <hr class="center-block" style="width: 99%">
             <div class="row">
@@ -14,7 +13,7 @@
                                 <div class="card hoverable red white-text">
                                     <div class="card-image waves-effect waves-block waves-light">
                                         <a href=/{{type}}>
-                                        <img onerror="this.src='/notes.png'" src={{currentSong.song.img}}>
+                                        <img onerror="this.src='/notes.png'" src={{currentSong.song.img}} style="width: 100%; height: auto;">
                                         <figcaption class="caption center-align">
                                             <h5>{{currentSong.song.title}}</h5>
                                             <h5>{{currentSong.song.artist}}</h5>
@@ -105,7 +104,6 @@
                 {{/each}}
             </div>
             </div>
-            </div>
     </main>
     {{> footer}}