From 3ef9d18baf89457b91f3fcb2d2a7a3effc4adfbf Mon Sep 17 00:00:00 2001 From: Steve Howell Date: Tue, 5 Feb 2019 22:22:52 +0000 Subject: [PATCH] top left: Add border to starred messages count. The border makes the alignment look nicer. Without a border your eyes plays tricks on you and makes it seem like numbers are not in the same column. The border color is the same subtle color as the backgrounds in others. Because CSS is annoying, you have to tweak the padding to make room for the border. (It should look ok in night mode, too.) --- static/styles/left-sidebar.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/static/styles/left-sidebar.scss b/static/styles/left-sidebar.scss index d14c55e274..8e7d45ba2c 100644 --- a/static/styles/left-sidebar.scss +++ b/static/styles/left-sidebar.scss @@ -191,10 +191,14 @@ li.active-sub-filter { /* Starred messaged counts aren't really unread counts, so we style them differently. */ -.top_left_starred_messages { +.top_left_starred_messages .count { background-color: transparent; - border-width: 0; + border-width: 1px; + border-style: solid; color: inherit; + padding-left: 3px; + padding-right: 3px; + border-color: hsl(105, 2%, 50%); } /* These are true "unread" counts. */