From c4dfa7890ef773f50b2195380f2b101fba21ebc7 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Thu, 8 Aug 2024 13:51:18 -0400
Subject: [PATCH] right_sidebar: Add minor lefthand padding called for by
 Vlad's design.

---
 web/styles/app_variables.css | 4 ++++
 web/styles/right_sidebar.css | 1 +
 2 files changed, 5 insertions(+)

diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css
index bd0922de19..8857f38dbc 100644
--- a/web/styles/app_variables.css
+++ b/web/styles/app_variables.css
@@ -273,6 +273,10 @@
 
     /* Right sidebar */
     --right-sidebar-padding-right: 8px;
+    /* Vlad's design adds 2px of extra padding beyond the
+       space created by the padding-left on .right-sidebar,
+       which separates the right sidebar from the message area. */
+    --right-sidebar-padding-left: 2px;
 
     /* Tippy popover related values */
     --navbar-popover-menu-min-width: 230px;
diff --git a/web/styles/right_sidebar.css b/web/styles/right_sidebar.css
index 3f500d7338..e221a0784e 100644
--- a/web/styles/right_sidebar.css
+++ b/web/styles/right_sidebar.css
@@ -9,6 +9,7 @@ $user_status_emoji_width: 24px;
 
 .right-sidebar-items {
     padding-right: var(--right-sidebar-padding-right);
+    padding-left: var(--right-sidebar-padding-left);
 }
 
 .right-sidebar-title {