[C-2364] Fix missing artist-card badges on android (#3165)

AudiusProject · Apr 5, 2023 · 3eb62fe · 3eb62fe
1 parent 64ffb7f
commit 3eb62fe
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/packages/mobile/src/components/card/Card.tsx b/packages/mobile/src/components/card/Card.tsx
@@ -34,8 +34,14 @@ const useStyles = makeStyles(({ palette, typography, spacing }) => ({
   textContainer: {
     paddingVertical: spacing(1)
   },
+  primaryTextContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   primaryText: {
     ...typography.h3,
+    marginBottom: 0,
     color: palette.neutral,
     textAlign: 'center',
     // needed to keep emojis from increasing text height
@@ -100,15 +106,17 @@ export const Card = (props: CardProps) => {
         style: [styles.cardImage, props.type === 'user' && styles.userImage]
       })}
       <View style={styles.textContainer}>
-        <Text
-          numberOfLines={1}
-          style={[styles.primaryText, stylesProp?.primaryText]}
-        >
-          {primaryText}
+        <View style={styles.primaryTextContainer}>
+          <Text
+            numberOfLines={1}
+            style={[styles.primaryText, stylesProp?.primaryText]}
+          >
+            {primaryText}
+          </Text>
           {props.type === 'user' ? (
             <UserBadges user={props.user} badgeSize={12} hideName />
           ) : null}
-        </Text>
+        </View>
         <View style={styles.secondaryTextContainer}>
           <Text
             numberOfLines={1}