From 13c88ccb116fadf87b1f77b67b4b58dd11f7a7c3 Mon Sep 17 00:00:00 2001
From: Anton Kastritskiy <antonk52@meta.com>
Date: Tue, 18 Jul 2023 03:52:34 -0700
Subject: [PATCH] squish menu items

Reviewed By: elboman

Differential Revision: D47441631

fbshipit-source-id: 5d2e105e46cb36f4ba89df5b9f3ed3c01ede5402
---
 desktop/flipper-ui-core/src/sandy-chrome/Navbar.tsx | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/desktop/flipper-ui-core/src/sandy-chrome/Navbar.tsx b/desktop/flipper-ui-core/src/sandy-chrome/Navbar.tsx
index 0192c2063..5f08e8cef 100644
--- a/desktop/flipper-ui-core/src/sandy-chrome/Navbar.tsx
+++ b/desktop/flipper-ui-core/src/sandy-chrome/Navbar.tsx
@@ -93,7 +93,7 @@ export const Navbar = withTrackingScope(function Navbar({
         justifyContent: 'space-between',
         background: theme.backgroundDefault,
       }}>
-      <Layout.Horizontal style={{gap: 4}}>
+      <Layout.Horizontal style={{gap: 6}}>
         <LeftSidebarToggleButton />
         <NavbarButton
           icon={MobileOutlined}
@@ -103,7 +103,6 @@ export const Navbar = withTrackingScope(function Navbar({
             setToplevelSelection('appinspect');
           }}
         />
-
         <button>device picker</button>
         <NavbarButton label="Screenshot" icon={CameraOutlined} />
         <NavbarButton label="Record" icon={VideoCameraOutlined} />
@@ -121,7 +120,7 @@ export const Navbar = withTrackingScope(function Navbar({
           </div>
         )}
       </Layout.Horizontal>
-      <Layout.Horizontal style={{gap: 4, alignItems: 'center'}}>
+      <Layout.Horizontal style={{gap: 6, alignItems: 'center'}}>
         <NavbarButton
           label="Add Plugins"
           icon={AppstoreAddOutlined}
@@ -455,6 +454,7 @@ function NavbarButton({
         flexDirection: 'column',
         alignItems: 'center',
         height: 'auto',
+        padding: theme.space.tiny,
       }}
       disabled={disabled}>
       <Icon
@@ -631,7 +631,6 @@ const submenu = css`
   height: 56px;
 
   .ant-menu-submenu-title {
-    width: 61px !important;
     height: 56px !important;
     padding: 0;
     margin: 0;