diff --git a/webapp/sass/layout/_sidebar-left.scss b/webapp/sass/layout/_sidebar-left.scss index 6101849d5a..a7a99249bd 100644 --- a/webapp/sass/layout/_sidebar-left.scss +++ b/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; } diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index 2579231e78..d69569899e 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/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 { diff --git a/webapp/sass/routes/_admin-console.scss b/webapp/sass/routes/_admin-console.scss index 15667fd4ef..6ab1645e84 100644 --- a/webapp/sass/routes/_admin-console.scss +++ b/webapp/sass/routes/_admin-console.scss @@ -18,6 +18,10 @@ } } + .Select-value-label { + white-space: nowrap; + } + .inner-wrap { position: absolute; width: 100%;