Fix: Hide the call button

public/css/otalk.css

@@ -976,21 +976,6 @@ button.secondary:hover:not(:disabled) {
   height: 55px;
   z-index: 101;
 }
-.conversation header .avatar {
-  margin-right: 5px;
-  width: 36px;
-  height: 36px;
-  -moz-border-radius: 0.2rem;
-  -webkit-border-radius: 0.2rem;
-  -khtml-border-radius: 0.2rem;
-  -o-border-radius: 0.2rem;
-  -border-radius: 0.2rem;
-  border-radius: 0.2rem;
-  position: absolute;
-  top: 11px;
-  left: 11px;
-  vertical-align: top;
-}
 .conversation header h1 {
   padding: 0px;
   margin: 0px;
@@ -1120,14 +1105,6 @@ button.secondary:hover:not(:disabled) {
   content: 'Current Time: ';
   font-weight: bold;
 }
-.conversation header .call {
-  display: none;
-  width: 50px;
-  height: 38px;
-  position: absolute;
-  top: 0px;
-  right: 11px;
-}
 .conversation .activeCall {
   display: none;
   height: 0px;
@@ -1229,6 +1206,14 @@ button.secondary:hover:not(:disabled) {
 .conversation .chatBox textarea:focus {
   box-shadow: none;
 }
+.conversation .chatBox .call {
+  display: none;
+  width: 50px;
+  height: 38px;
+  position: absolute;
+  top: 0px;
+  right: 11px;
+}
 .messages {
   margin: 0px;
   padding: 0px 1.5rem;

public/css/pages/chat.styl

@@ -22,14 +22,6 @@
     height: 55px
     z-index: 101
 
-    .avatar
-      margin-right: 5px
-      avatar()
-      position: absolute
-      top: 11px
-      left: 11px
-      vertical-align: top
-
     h1
       padding: 0px
       margin: 0px
@@ -143,14 +135,6 @@
         content: 'Current Time: '
         font-weight: bold
 
-    .call
-      display: none
-      width: 50px
-      height: 38px
-      position: absolute
-      top: 0px
-      right: 11px
-
   .activeCall
     display: none
     transition(height 250ms)
@@ -248,6 +232,14 @@
       &:focus
         box-shadow: none
 
+    .call
+      display: none
+      width: 50px
+      height: 38px
+      position: absolute
+      top: 0px
+      right: 11px
+
 .messages
   margin: 0px
   padding: 0px 1.5rem