Adjust Menu icon for Token, replace adaptive icon

peterdee · Jun 10, 2022 · 7448d1e · 7448d1e
1 parent 7c53ab3
commit 7448d1e
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/assets/images/adaptive-icon.png b/assets/images/adaptive-icon.png
diff --git a/components/Token/Token.tsx b/components/Token/Token.tsx
@@ -120,7 +120,10 @@ function Token(props: TokenProps): React.ReactElement {
             </Text>
           </View>
           { showMenu && handleOpenMenu && (
-            <Pressable onPress={handleOpenMenu}>
+            <Pressable
+              onPress={handleOpenMenu}
+              style={styles.menuButton}
+            >
               <Ionicons
                 color={COLORS.text}
                 name="ellipsis-vertical"

diff --git a/components/Token/styles.ts b/components/Token/styles.ts
@@ -20,14 +20,18 @@ export default StyleSheet.create({
     marginTop: SPACER_HALF / 2,
   },
   detailsColumn: {
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'flex-start',
+    flex: 1,
   },
   issuer: {
     color: COLORS.accent,
     fontSize: SPACER + (SPACER_HALF / 2),
   },
+  menuButton: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    width: SPACER + SPACER_HALF,
+  },
   text: {
     color: COLORS.text,
     fontSize: SPACER * 3,