Add more space for avatar picker in workspace profile page

Expensify · Feb 20, 2024 · e751f40 · e751f40
1 parent a824e96
commit e751f40
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/pages/workspace/WorkspaceProfilePage.js b/src/pages/workspace/WorkspaceProfilePage.js
@@ -109,7 +109,7 @@ function WorkspaceProfilePage({policy, currencyList, route}) {
                                 )}
                                 type={CONST.ICON_TYPE_WORKSPACE}
                                 fallbackIcon={Expensicons.FallbackWorkspaceAvatar}
-                                style={[styles.mb3, styles.mtn17, styles.alignItemsStart, styles.sectionMenuItemTopDescription]}
+                                style={[styles.mb3, isSmallScreenWidth ? styles.mtn17 : styles.mtn20, styles.alignItemsStart, styles.sectionMenuItemTopDescription]}
                                 isUsingDefaultAvatar={!lodashGet(policy, 'avatar', null)}
                                 onImageSelected={(file) => Policy.updateWorkspaceAvatar(lodashGet(policy, 'id', ''), file)}
                                 onImageRemoved={() => Policy.deleteWorkspaceAvatar(lodashGet(policy, 'id', ''))}

diff --git a/src/styles/utils/spacing.ts b/src/styles/utils/spacing.ts
@@ -251,6 +251,10 @@ export default {
         marginTop: -68,
     },
 
+    mtn20: {
+        marginTop: -80,
+    },
+
     mb0: {
         marginBottom: 0,
     },