Rearrange elements.

src/styles/components/_chat.scss

@@ -86,35 +86,33 @@
     border-right: none;
     border-left: none;
     border-radius: 0;
-    position: relative;
-  }
-  .list-group-item.newmessage {
-    animation: newmessage 1s ease -0.3s infinite;
-  }
-  .list-group-item .fa-lg {
-    display: inline-block;
-    text-align: center;
-    width: 18px;
-  }
-  .list-group-item .badge {
-    background: $chat-badge;
-    border: 1px solid white;
-    font-size: .8em;
-  }
-  .list-group-item {
     padding-right: 30px;
-  }
+    position: relative;
-  .list-group-item.disabled {
+    &.newmessage {
-    color: $chat-disabled;
+      animation: newmessage 1s ease -0.3s infinite;
-  }
+    }
-  .list-group-item > .item-btn {
+    &.disabled {
-    cursor: pointer;
+      color: $chat-disabled;
-    display: none;
+    }
-    position: absolute;
+    &:hover .item-btn {
-    right: 12px;
+      display: inline;
-  }
+    }
-  .list-group-item:hover > .item-btn {
+    .fa-lg {
-    display: inline;
+      display: inline-block;
+      text-align: center;
+      width: 18px;
+    }
+    .badge {
+      background: $chat-badge;
+      border: 1px solid white;
+      font-size: .8em;
+    }
+    .item-btn {
+      cursor: pointer;
+      display: none;
+      position: absolute;
+      right: 12px;
+    }
   }
 }