PeopleAutocomplete: Give user and user-group items 48+ px touch target

Author: chrisbobbe

src/user-groups/UserGroupItem.js

@@ -42,6 +42,10 @@ export default function UserGroupItem(props: Props): Node {
         flexDirection: 'row',
         alignItems: 'center',
         padding: 8,
+
+        // Minimum touch target height:
+        //   https://material.io/design/usability/accessibility.html#layout-and-typography
+        minHeight: 48,
       },
     }),
     [],

src/users/UserItem.js

@@ -65,6 +65,10 @@ export function UserItemRaw<
           alignItems: 'center',
           paddingVertical: 8,
           paddingHorizontal: size === 'large' ? 16 : 8,
+
+          // Minimum touch target height:
+          //   https://material.io/design/usability/accessibility.html#layout-and-typography
+          minHeight: 48,
         },
         selectedRow: {
           backgroundColor: BRAND_COLOR,