From 49919d2be592609cfddd24a09a436f25b8ccf9bd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Espino=20Garc=C3=ADa?= Date: Mon, 27 Nov 2023 10:50:15 +0100 Subject: [PATCH] MM-55438 Fix app bar divider (#25425) * Fix spacing before the app bar divider * Adjust bottom margin * Fix lint * Align appbar lines --------- Co-authored-by: Mattermost Build --- webapp/channels/src/components/app_bar/app_bar.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/webapp/channels/src/components/app_bar/app_bar.scss b/webapp/channels/src/components/app_bar/app_bar.scss index 1abd831b84..d00af190b3 100644 --- a/webapp/channels/src/components/app_bar/app_bar.scss +++ b/webapp/channels/src/components/app_bar/app_bar.scss @@ -24,7 +24,7 @@ $app-bar-width: 48px; width: $app-bar-width; flex: 1; flex-flow: column; - padding-top: 16px; + padding-top: 19px; background-color: rgba(var(--center-channel-color-rgb), 0.04); -ms-overflow-style: none; overflow-x: hidden; @@ -122,8 +122,8 @@ $app-bar-width: 48px; .app-bar__divider { width: 28px; border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - margin-top: 14px; - margin-bottom: 14px; + margin-top: 0; + margin-bottom: 19px; } .app-bar__icon.channel-header__icon--active {