re-added spacing for next/after songs

app/app.css

@@ -524,8 +524,6 @@ footer a:hover{
 .song-img {
   width: 210px;
   margin-left: 35px;
-  margin-bottom: 10px;
-  float: left;
 }
 #seeker-container {
   width: calc(100% - 70px);
@@ -606,9 +604,6 @@ footer a:hover{
 #s3 {
   opacity: 0.33333333333333;
 }
-.song-item{
-  float: left;
-}
 #add-song-button{
   display: block;
   margin: 0 auto;

app/templates/room.html

@@ -3,20 +3,20 @@
         {{#if loaded}}
             <h1 class="room-name">{{{type}}}</h1>
             <div class="row">
-                <div class="song-item" id="s1">
+                <div class="col-md-3 col-sm-6 col-xs-12" id="s1">
                     <img class="song-img" id="song-img"/>
                     <h2 class="room-title">{{{title}}}</h2>
                     <h2 class="room-artist">{{{artist}}}</h2>
                 </div>
-                <div class="song-item" id="s2">
+                <div class="col-md-3 col-sm-6 col-xs-12" id="s2">
                     <img class="song-img" id="song-img-next"/>
-                    <!-- <h2 class="room-title">{{{title_next}}}</h2> -->
-                    <!-- <h2 class="room-artist">{{{artist_next}}}</h2> -->
+                    <h2 class="room-title">{{{title_next}}}</h2>
+                    <h2 class="room-artist">{{{artist_next}}}</h2>
                 </div>
-                <div class="song-item" id="s3">
+                <div class="col-md-3 col-sm-6 col-xs-12" id="s3">
                     <img class="song-img" id="song-img-after"/>
-                    <!-- <h2 class="room-title">{{{title_after}}}</h2> -->
-                    <!-- <h2 class="room-artist">{{{artist_after}}}</h2> -->
+                    <h2 class="room-title">{{{title_after}}}</h2>
+                    <h2 class="room-artist">{{{artist_after}}}</h2>
                 </div>
             </div>
             <div id="seeker-container">