From db7d2169b392e159777e527488407a06afdad5be Mon Sep 17 00:00:00 2001
From: N-Shar-ma <bablinaneh@gmail.com>
Date: Tue, 31 Jan 2023 14:23:46 +0530
Subject: [PATCH] left_sidebar: Space PM / topic / stream names from icons on
 right by 3px.

Due to some quirks of CSS specificity, a rule for 0 `right-padding` was
overriding a rule for 2px `right-padding` for topic names.

This is now corrected, and the padding increased to 3px for a less
cramped look, for PMs, topics and streams. Repetition of CSS has also
been removed.
---
 static/styles/left_sidebar.css | 25 ++++++++-----------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/static/styles/left_sidebar.css b/static/styles/left_sidebar.css
index 529bac61c4..adda816ee1 100644
--- a/static/styles/left_sidebar.css
+++ b/static/styles/left_sidebar.css
@@ -11,6 +11,9 @@ $topic_resolve_width: 13px;
 /* Space between section in the left sidebar. */
 $sections_vertical_gutter: 8px;
 $bottom_scrolling_buffer: 25px;
+/* space PM / stream / topic names from unread counters / @ mention
+indicators by 3px on the right */
+$before_unread_count_padding: 3px;
 
 .hashtag {
     &:empty {
@@ -106,12 +109,8 @@ li.show-more-topics {
     }
 
     li {
-        a {
-            padding: 1px 0;
-
-            &:hover {
-                text-decoration: none;
-            }
+        a:hover {
+            text-decoration: none;
         }
 
         ul {
@@ -142,15 +141,6 @@ li.show-more-topics {
         align-items: center;
         white-space: nowrap;
 
-        .stream-name {
-            flex: auto;
-            overflow-x: hidden;
-            overflow-x: clip;
-            text-overflow: ellipsis;
-            min-width: 0;
-            padding-right: 2px;
-        }
-
         &.stream-with-count {
             margin-right: 15px;
         }
@@ -447,14 +437,15 @@ li.top_left_recent_topics {
 }
 
 .conversation-partners,
-.topic-name {
+.topic-name,
+.stream-name {
     flex: auto;
     min-width: 0;
     white-space: nowrap;
     overflow-x: hidden;
     overflow-x: clip;
     text-overflow: ellipsis;
-    padding-right: 2px;
+    padding: 1px $before_unread_count_padding 1px 0;
 }
 
 .topic-name {