diff --git a/app/assets/stylesheets/common/components/badges.css.scss b/app/assets/stylesheets/common/components/badges.css.scss index c81be428132..3dd2d80eb44 100644 --- a/app/assets/stylesheets/common/components/badges.css.scss +++ b/app/assets/stylesheets/common/components/badges.css.scss @@ -9,7 +9,7 @@ display: inline-block; font-weight: normal; white-space: nowrap; - @include border-radius-all(9px); + @include border-radius-all(10px); } // Category badges @@ -234,16 +234,13 @@ .badge-notification { @extend %badge; + padding: 4px 5px 2px 5px; vertical-align: middle; color: $secondary; font-size: 11px; - line-height: 18px; - min-width: 12px; - height: 18px; - padding: 0px 3px; + line-height: 1; text-align: center; background-color: dark-light-choose(scale-color($primary, $lightness: 70%), scale-color($secondary, $lightness: 70%)); - &[href] { color: $secondary; } diff --git a/app/assets/stylesheets/mobile/topic-list.scss b/app/assets/stylesheets/mobile/topic-list.scss index c2a658e32ae..660446f6f55 100644 --- a/app/assets/stylesheets/mobile/topic-list.scss +++ b/app/assets/stylesheets/mobile/topic-list.scss @@ -86,12 +86,7 @@ position: relative; top: -1px; font-size: 1.071em; - line-height: 20px; - min-width: 14px; - height: 20px; - border-radius: 10px; - padding: 0px 3px; - + padding: 4px 6px 3px 6px; i {color: $secondary;} &.new-topic::before { @@ -146,10 +141,6 @@ box-sizing: inherit; } - .topic-post-badges { - box-sizing: border-box; - } - .posts { width: 10%; vertical-align: top; @@ -158,12 +149,6 @@ .age { margin-left: 5px; } - - td.posts { - .badge-notification { - padding: 0px 6px; - } - } } tr.category-topic-link {