diff --git a/frontend/src/app/main/ui/workspace/tokens/sets.scss b/frontend/src/app/main/ui/workspace/tokens/sets.scss index a4817d819..5c32bf199 100644 --- a/frontend/src/app/main/ui/workspace/tokens/sets.scss +++ b/frontend/src/app/main/ui/workspace/tokens/sets.scss @@ -67,8 +67,8 @@ .action-btn { @extend .button-tertiary; - height: $s-20; - width: $s-20; + height: $s-28; + width: $s-28; svg { @extend .button-icon; width: 12px; diff --git a/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs b/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs index d2d6843da..570df9077 100644 --- a/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs +++ b/frontend/src/app/main/ui/workspace/tokens/sidebar.cljs @@ -179,6 +179,7 @@ [:div {:class (stl/css :sidebar-header)} [:& title-bar {:collapsable true :collapsed (not @open?) + :all-clickable true :title "SETS" :on-collapsed #(swap! open? not)}] [:button {:class (stl/css :add-set) diff --git a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss index e82a91ca9..4ef8ff21c 100644 --- a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss +++ b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss @@ -28,8 +28,8 @@ display: flex; align-items: center; justify-content: space-between; - margin-left: $s-2; - padding-top: $s-2; + margin-left: $s-8; + padding-top: $s-12; color: var(--layer-row-foreground-color); } @@ -51,12 +51,6 @@ overflow-y: auto; } -.divider { - height: 1px; - background-color: var(--border-color); - margin: $s-8 0; -} - .token-pills-wrapper { display: flex; gap: $s-4;