fix top elements aligment

parasharrajat · Oct 5, 2023 · a6ad209 · a6ad209
1 parent 4c056fa
commit a6ad209
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/src/pages/home/sidebar/GlobalNavigation/index.js b/src/pages/home/sidebar/GlobalNavigation/index.js
@@ -31,7 +31,7 @@ function GlobalNavigation() {
     return (
         <View style={[styles.ph5, styles.pv3, styles.alignItemsCenter, styles.h100, styles.globalNavigation]}>
             <SignInOrAvatarWithOptionalStatus />
-            <View style={styles.mt4}>
+            <View style={styles.globalNavigationMenuContainer}>
                 {_.map(items, (item) => (
                     <GlobalNavigationMenuItem
                         key={item.value}

diff --git a/src/pages/home/sidebar/SidebarLinks.js b/src/pages/home/sidebar/SidebarLinks.js
@@ -143,7 +143,7 @@ function SidebarLinks({onLinkClick, insets, optionListItems, isLoading, priority
     return (
         <View style={[styles.flex1, styles.h100]}>
             <View
-                style={[styles.flexRow, styles.ph5, styles.pb4, styles.pt6, styles.justifyContentBetween, styles.alignItemsCenter]}
+                style={styles.sidebarHeaderContainer}
                 dataSet={{dragArea: true}}
             >
                 <Header

diff --git a/src/styles/styles.js b/src/styles/styles.js
@@ -1235,6 +1235,14 @@ const styles = (theme) => ({
         height: '100%',
     },
 
+    sidebarHeaderContainer: {
+        flexDirection: 'row',
+        paddingHorizontal: 20,
+        paddingVertical: 19,
+        justifyContent: 'space-between',
+        alignItems: 'center',
+    },
+
     subNavigationContainer: {
         backgroundColor: theme.sidebar,
         flex: 1,
@@ -3722,6 +3730,10 @@ const styles = (theme) => ({
         backgroundColor: theme.highlightBG,
     },
 
+    globalNavigationMenuContainer: {
+        marginTop: 13,
+    },
+
     globalAndSubNavigationContainer: {
         backgroundColor: theme.highlightBG,
     },