fixed mobile sidenav

app/client/stylesheets/app.css

@@ -308,12 +308,12 @@ hr{
     display: none
 }
 
-.side-nav{
+.room-slideout{
     top: 64px;
     height: 100%;
 }
 
-.side-nav h5{
+.room-slideout h5{
     text-align: center;
     background-color: #028A77 !important;
     margin: 0;

app/client/templates/room.html

@@ -286,7 +286,7 @@
                 </div>
             </div>
         </main>
-        <div id="chat-slide-out" class="side-nav">
+        <div id="chat-slide-out" class="side-nav room-slideout">
             <h5>Chat</h5>
             <ul class="chat-ul">
                 {{#each globalChat}}
@@ -311,7 +311,7 @@
                 <a id="submit" class="waves-effect waves-light btn">Send</a>
             </div>
         </div>
-        <div id="playlist-slide-out" class="side-nav">
+        <div id="playlist-slide-out" class="side-nav room-slideout">
             <h5>Playlist</h5>
         </div>
         <ul id='admin-dropdown' style="background-color: #00bfa5 !important; display: none">