From 393e3e1e2bcf2eb07e8a38fa17b1bb62e12b6532 Mon Sep 17 00:00:00 2001 From: lilia Date: Thu, 12 Nov 2015 12:52:55 -0800 Subject: [PATCH] Fix unread badge for longer numbers For 2 or more digit numbers, allow the badge to expand to fit. // FREEBIE --- stylesheets/_global.scss | 3 ++- stylesheets/manifest.css | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss index 8ae2d370c..952dedf20 100644 --- a/stylesheets/_global.scss +++ b/stylesheets/_global.scss @@ -273,7 +273,8 @@ $avatar-size: 44px; float: right; margin: 3px 10px 0 20px; display: inline-block; - width: $unread-badge-size; + padding: 0 3px; + min-width: $unread-badge-size; height: $unread-badge-size; line-height: $unread-badge-size; font-size: 12px; diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index d3c0ce3aa..7ad888efe 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -225,7 +225,8 @@ img.emoji { float: right; margin: 3px 10px 0 20px; display: inline-block; - width: 21px; + padding: 0 3px; + min-width: 21px; height: 21px; line-height: 21px; font-size: 12px;