#239 Fixing unread count indicator styling for the new sidebar

1 files changed, 17 insertions, 2 deletions

diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index b8fa7494..ece48319 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -173,6 +173,7 @@
   font-size: 0.7em;
   margin-left: 5px;
   font-weight: 700;
+  position: relative;
   @include border-radius(100px);
 }
 
@@ -269,7 +270,19 @@ section {
       }
 
       ul#default-tag-list {
-        span {
+          .unread-count, .total-count {
+          font-size: 0.7em;
+          padding: 0px 5px 0;
+          top: 1px;
+          left: 0;
+          border: 1px solid #FFF;
+          position: absolute;
+          opacity: 0.95;
+        }
+        .total-count {
+          background: #999;
+        }
+        span.tag-label {
           padding-left: 2px;
         }
         li {
@@ -316,10 +329,12 @@ section {
       ul#custom-tag-list {
         padding-bottom: 30px;
         li {
+          white-space: nowrap;
+          overflow: hidden;
           font-size: 0.8em;
           padding: 5px 10px 5px 15px;
 
-          span {
+          span.tag-label {
             padding: 5px 20px 5px 38px;
           }
         }