From fb8f695d28ace872f7a5671f0e3b87f95e28ea9c Mon Sep 17 00:00:00 2001 From: Karl Stolley Date: Fri, 1 Aug 2025 12:03:04 -0500 Subject: [PATCH] left_sidebar: Vastly improve the unread-dot placement. --- web/styles/left_sidebar.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css index 40e9997330..0cfd9ea0ab 100644 --- a/web/styles/left_sidebar.css +++ b/web/styles/left_sidebar.css @@ -976,7 +976,15 @@ li.active-sub-filter { /* .unread_count has its based font-size set to 12px at 14px/em. */ /* 2px, 6px at 12px/1em */ top: 0.1667em; - right: 0.1667em; + /* With positioning, we center the dot over the icon + by subtracting half its width from the 50% mark. */ + right: calc(50% - 0.25em); + /* But then we shift it left the em equivalent of half + the icon width (15px/2) plus 2px. This keeps the + unread dot in correct proximity to the view icon, + no matter how the row flexes or what information- + density values a user has set. 9.5px at 12px/1em. */ + transform: translateX(0.7917em); width: 0.5em; height: 0.5em; padding: 0;