From 1acef41e51eda47fce829c4f0ede85bf89f5c90c Mon Sep 17 00:00:00 2001 From: Guo Xiang Tan Date: Mon, 8 Aug 2016 09:02:46 +0800 Subject: [PATCH] Revert "UX: Centering Badge notification styles on mobile." This reverts commit fce902ab1ede77c66cc057590d22251148b98e54. --- app/assets/stylesheets/common/components/badges.css.scss | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) 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; }