Aligned title bar items to the center and fixed left spacing on the sign in button

Mikayla Maki and max created 2 years ago

co-authored-by: max <[e-mail]>

Change summary

crates/collab_ui/src/collab_titlebar_item.rs | 3 ++-
styles/src/styleTree/workspace.ts            | 3 +++
2 files changed, 5 insertions(+), 1 deletion(-)

Detailed changes

crates/collab_ui/src/collab_titlebar_item.rs

@@ -89,7 +89,7 @@ impl View for CollabTitlebarItem {
         let theme = cx.global::<Settings>().theme.clone();
 
         let mut left_container = Flex::row();
-        let mut right_container = Flex::row();
+        let mut right_container = Flex::row().align_children_center();
 
         left_container.add_child(
             Label::new(project_title, theme.workspace.titlebar.title.clone())
@@ -117,6 +117,7 @@ impl View for CollabTitlebarItem {
 
         let status = workspace.read(cx).client().status();
         let status = &*status.borrow();
+
         if matches!(status, client::Status::Connected { .. }) {
             right_container.add_child(self.render_toggle_contacts_button(&theme, cx));
             right_container.add_child(self.render_user_menu_button(&theme, cx));

styles/src/styleTree/workspace.ts

@@ -174,6 +174,9 @@ export default function workspace(colorScheme: ColorScheme) {
             // Sign in buttom
             // FlatButton, Variant
             signInPrompt: {
+                margin: {
+                    left: itemSpacing
+                },
                 ...titlebarButton,
             },