PLT-4901 - Fixing info popover (#4792)

* PLT-4901 - Fixing info popover

* PLT-4775 - Fixing languages in firefox (system consle)

* Fixing unread posts indicator in the LHS

webapp/sass/layout/_sidebar-left.scss

@@ -69,16 +69,13 @@
 
     .nav-pills__unread-indicator {
         @include border-radius(50px);
-        background: #2389d7;
-        color: #ffffff;
         font-size: 13.5px;
-        left: 0;
+        left: 15px;
         margin: 0 auto;
         padding: 3px 0 4px;
-        position: absolute;
-        right: 0;
+        position: fixed;
         text-align: center;
-        width: 72%;
+        width: 190px;
         z-index: 1;
     }
 

webapp/sass/responsive/_mobile.scss

@@ -46,8 +46,10 @@
             padding: 15px 20px 100px;
 
             > div {
-                height: calc(100vh - 150px);
-                overflow: auto;
+                &:first-child {
+                    height: calc(100vh - 150px);
+                    overflow: auto;
+                }
             }
         }
 
@@ -971,6 +973,10 @@
             bottom: 10px;
         }
 
+        .nav-pills__unread-indicator {
+            width: 260px;
+        }
+
         .badge {
             top: 13px;
         }
@@ -1463,6 +1469,10 @@
     .sidebar--left {
         @include translate3d(-260px, 0, 0);
         width: 260px;
+
+        .nav-pills__unread-indicator {
+            width: 230px;
+        }
     }
 
     .inner-wrap {

webapp/sass/routes/_admin-console.scss

@@ -18,6 +18,10 @@
         }
     }
 
+    .Select-value-label {
+        white-space: nowrap;
+    }
+
     .inner-wrap {
         position: absolute;
         width: 100%;