AccountItem: Fix trash icon touch target's invasion of notif-warning icon's

Author: chrisbobbe

src/account/AccountItem.js

@@ -40,7 +40,7 @@ const styles = createStyleSheet({
     marginVertical: 2,
   },
   icon: {
-    marginLeft: 16,
+    marginLeft: 24,
   },
   signedOutText: {
     fontStyle: 'italic',
@@ -113,22 +113,20 @@ export default function AccountItem(props: Props): Node {
           )}
         </View>
         {notificationReport.problems.length > 0 && (
-          <Pressable hitSlop={12} onPress={handlePressNotificationWarning}>
+          <Pressable style={styles.icon} hitSlop={12} onPress={handlePressNotificationWarning}>
             {({ pressed }) => (
               <IconAlertTriangle
-                style={styles.icon}
                 size={24}
                 color={pressed ? Color(kWarningColor).fade(0.5).toString() : kWarningColor}
               />
             )}
           </Pressable>
         )}
         {!showDoneIcon ? (
-          <Pressable hitSlop={12} onPress={() => props.onRemove(props.account)}>
+          <Pressable style={styles.icon} hitSlop={12} onPress={() => props.onRemove(props.account)}>
             {({ pressed }) => (
               <IconTrash
                 size={24}
-                style={styles.icon}
                 color={pressed ? Color('crimson').fade(0.5).toString() : 'crimson'}
               />
             )}