edited scrollbar and removed navbar from call page

app/assets/stylesheets/pages/_contacts.scss

@@ -9,6 +9,7 @@ a:hover {
     align-self: center;
     margin-top: 19px;
   }
+  margin-bottom: 20px;
 }
 
 .card {
@@ -18,6 +19,7 @@ a:hover {
   background: $card-background;
   align-items: center;
   margin-bottom: 10px;
+  margin-right: 10px;
 
   border-radius: 5px;
   box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.2);
@@ -186,10 +188,23 @@ a:hover {
   overflow-x: hidden;
 }
 
+::-webkit-scrollbar {
+  width: 10px;
+}
 
+/* Track */
+::-webkit-scrollbar-track {
+  // background: rgba(0, 0, 0, 0.2);
+  // border-radius: 10px;
+  padding-left: 4px;
+}
 
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: $primary;
+  border-radius: 15px;
+}
 
-
-
-
-
+body {
+  overflow: hidden;
+}

app/views/chat_rooms/show.html.erb

@@ -1,5 +1,5 @@
 <!-- <button id="test-btn" class="btn btn-primary">Test Connection</button> -->
-
+<% params["action"] = "call" %>
 <div id="join-btn" data-room="<%= @chat_room.id %>"></div>
 
 <div id="chatroom-hook" data-chatroom-id='<%= @chat_room.id %>'></div>