diff --git a/crates/ui/src/sidebar/group.rs b/crates/ui/src/sidebar/group.rs index 43b1578e..663fc382 100644 --- a/crates/ui/src/sidebar/group.rs +++ b/crates/ui/src/sidebar/group.rs @@ -1,7 +1,7 @@ -use crate::{v_flex, ActiveTheme, Collapsible}; +use crate::{ActiveTheme, Collapsible, h_flex, v_flex}; use gpui::{ - div, prelude::FluentBuilder as _, App, Div, IntoElement, ParentElement, RenderOnce, - SharedString, Styled as _, Window, + App, Div, IntoElement, ParentElement, RenderOnce, SharedString, Styled as _, Window, div, + prelude::FluentBuilder as _, }; /// A group of items in the [`super::Sidebar`]. @@ -56,7 +56,7 @@ impl RenderOnce for SidebarGroup { .relative() .when(!self.collapsed, |this| { this.child( - div() + h_flex() .flex_shrink_0() .px_2() .rounded(cx.theme().radius) diff --git a/crates/ui/src/sidebar/mod.rs b/crates/ui/src/sidebar/mod.rs index 74b0ee7f..d5b52297 100644 --- a/crates/ui/src/sidebar/mod.rs +++ b/crates/ui/src/sidebar/mod.rs @@ -221,14 +221,12 @@ impl RenderOnce for Sidebar { v_flex().id("content").flex_1().min_h_0().child( v_flex() .id("inner") - .gap_3() .p_3() .when(self.collapsed, |this| this.p_2()) .children( - self.content - .into_iter() - .enumerate() - .map(|(ix, c)| div().id(ix).child(c.collapsed(self.collapsed))), + self.content.into_iter().enumerate().map(|(ix, c)| { + div().id(ix).mt_3().child(c.collapsed(self.collapsed)) + }), ) .overflow_y_scrollbar(), ),