Use flex_1 div instead of justify_center in toolbar

Nate Butler created 2 years ago

Change summary

crates/workspace2/src/toolbar.rs | 6 +++++-
1 file changed, 5 insertions(+), 1 deletion(-)

Detailed changes

crates/workspace2/src/toolbar.rs

@@ -108,7 +108,6 @@ impl Render for Toolbar {
             .bg(cx.theme().colors().toolbar_background)
             .child(
                 h_stack()
-                    .justify_between()
                     .when(self.left_items().count() > 0, |this| {
                         this.child(
                             h_stack()
@@ -117,6 +116,11 @@ impl Render for Toolbar {
                                 .children(self.left_items().map(|item| item.to_any())),
                         )
                     })
+                    // Render an empty div that takes up the space between
+                    // the left and right sides. This won't cause items to
+                    // be centered like justify_center() will if left or
+                    // right is missing.
+                    .child(div().flex_1())
                     .when(self.right_items().count() > 0, |this| {
                         this.child(
                             h_stack()