From 9804dcb14c99045f72e328a005a11c22eca5dad4 Mon Sep 17 00:00:00 2001 From: sawka Date: Thu, 26 Oct 2023 15:17:23 -0700 Subject: [PATCH] fix up spacing for workspaces in sidebar --- src/app/sidebar/MainSideBar.tsx | 3 +-- src/app/sidebar/sidebar.less | 17 +++++++++-------- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/src/app/sidebar/MainSideBar.tsx b/src/app/sidebar/MainSideBar.tsx index e431bf1b..13144253 100644 --- a/src/app/sidebar/MainSideBar.tsx +++ b/src/app/sidebar/MainSideBar.tsx @@ -157,7 +157,6 @@ class MainSideBar extends React.Component<{}, {}> { className={`item hoverEffect ${isActive ? "active" : ""}`} onClick={() => this.handleSessionClick(session.sessionId)} > - ^⌘ {index + 1} {session.name.get()} {
-
+
Workspaces
diff --git a/src/app/sidebar/sidebar.less b/src/app/sidebar/sidebar.less index 0a4c5e32..3325ba08 100644 --- a/src/app/sidebar/sidebar.less +++ b/src/app/sidebar/sidebar.less @@ -56,9 +56,13 @@ background-color: @base-border; } + .item.workspaces-item { + margin-bottom: -4px; + } + .middle { max-height: calc(100vh - 32em); - padding: 8px 6px; + padding: 4px 6px 8px 6px; border-bottom: 1px solid @base-border; .item { &.active { @@ -98,7 +102,7 @@ visibility: visible; transition: opacity 0.1s ease-in-out, visibility 0.1s step-end; .sessionName { - width: 11rem; + width: 12rem; display: inline-block; vertical-align: middle; } @@ -109,12 +113,9 @@ display: inline-block; vertical-align: middle; border-radius: 50%; - - &.discord { - width: 1.2em; - height: 1.2em; - margin: 0 0.4em 2px 0.4em; - } + } + .actions.icon { + margin-left: 8px; } .hotkey { float: right;