From 3e42fb53e5cace93cb1274442c0e61c1c52a5e4a Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Thu, 15 Jun 2017 12:32:45 +0200
Subject: [PATCH] css: Add white border around tab unread messages indicator

---
 css/inverse.css       | 6 +++---
 sass/_controlbox.scss | 3 ++-
 sass/_roster.scss     | 4 ----
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/css/inverse.css b/css/inverse.css
index 105284188..2b6b04920 100644
--- a/css/inverse.css
+++ b/css/inverse.css
@@ -2009,6 +2009,7 @@ div.content {
     #conversejs #controlbox form.search-xmpp-contact input {
       width: 8em; }
   #conversejs #controlbox .msgs-indicator {
+    border-radius: 3px;
     background-color: #E77051;
     color: white;
     font-size: 14px;
@@ -2204,13 +2205,14 @@ div.content {
         #conversejs #controlbox #controlbox-tabs li a.rooms-tab .msgs-indicator {
           background-color: #E77051; }
         #conversejs #controlbox #controlbox-tabs li a .msgs-indicator {
+          border: solid white 2px;
           opacity: 0.8;
           border-top-right-radius: 5px;
           float: right; }
         #conversejs #controlbox #controlbox-tabs li a:hover {
           color: #818479; }
           #conversejs #controlbox #controlbox-tabs li a:hover .msgs-indicator {
-            opacity: 0.8; }
+            opacity: 1; }
         #conversejs #controlbox #controlbox-tabs li a.current, #conversejs #controlbox #controlbox-tabs li a.current:hover {
           box-shadow: none;
           border-bottom: 0;
@@ -2507,8 +2509,6 @@ div.content {
           float: left;
           display: inline-block;
           height: 30px; }
-          #conversejs #converse-roster .roster-contacts dd .open-chat .avatar .status-icon {
-            color: #578EA9; }
       #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .request-actions {
         padding: 0 0 0 0.3em;
         float: right; }
diff --git a/sass/_controlbox.scss b/sass/_controlbox.scss
index 45f50f96a..0dc4bcb20 100644
--- a/sass/_controlbox.scss
+++ b/sass/_controlbox.scss
@@ -306,6 +306,7 @@
                         }
                     }
                     .msgs-indicator {
+                        border: solid white 2px;
                         opacity: 0.8;
                         border-top-right-radius: $button-border-radius;
                         float: right;
@@ -313,7 +314,7 @@
                     &:hover {
                         color: $text-color;
                         .msgs-indicator {
-                            opacity: 0.8;
+                            opacity: 1;
                         }
                     }
                     &.current,
diff --git a/sass/_roster.scss b/sass/_roster.scss
index 7a4f1c3e9..623fcda73 100644
--- a/sass/_roster.scss
+++ b/sass/_roster.scss
@@ -173,10 +173,6 @@
                     float: left;
                     display: inline-block;
                     height: $roster-item-height;
-
-                    .status-icon {
-                        color: $link-color;
-                    }
                 }
             }
             &.requesting-xmpp-contact {