diff --git a/web/styles/left_sidebar.css b/web/styles/left_sidebar.css index 6a24997d04..76be7899d7 100644 --- a/web/styles/left_sidebar.css +++ b/web/styles/left_sidebar.css @@ -457,13 +457,26 @@ .hide-inactive-or-muted-channels { display: grid; grid-template: - "content markers-and-unreads three-dot-placeholder" auto - / minmax(0, 1fr) minmax(0, max-content) var(--left-sidebar-vdots-width); + "icon content markers-and-unreads three-dot-placeholder" auto + / 1.5em minmax(0, 1fr) minmax(0, max-content) var( + --left-sidebar-vdots-width + ); align-items: center; .markers-and-unreads { margin-right: var(--left-sidebar-unread-offset); } + + .zulip-icon-collapse, + .zulip-icon-expand { + grid-area: icon; + /* 2px at 16px/1em to properly vertically center it */ + margin-top: 0.125em; + } + + .stream-list-toggle-inactive-or-muted-channels-text { + grid-area: content; + } } .stream-list-section { diff --git a/web/templates/show_inactive_or_muted_channels.hbs b/web/templates/show_inactive_or_muted_channels.hbs index 4f2a9c7184..ea0d3aa6f4 100644 --- a/web/templates/show_inactive_or_muted_channels.hbs +++ b/web/templates/show_inactive_or_muted_channels.hbs @@ -1,7 +1,8 @@