ContactListItem: Add spacing above and below (for 'show members')

pull/1/head
Scott Nonnenberg 7 years ago
parent 61f7b8360b
commit f38647dfa5

@ -1290,6 +1290,8 @@
// Module: Contact List Item
.module-contact-list-item {
padding-top: 5px;
padding-bottom: 5px;
display: flex;
flex-direction: row;
align-items: center;

@ -15,15 +15,27 @@
#### With name and profile
Note the proper spacing between these two.
```jsx
<ContactListItem
i18n={util.i18n}
name="Someone 🔥 Somewhere"
phoneNumber="(202) 555-0011"
profileName="🔥Flames🔥"
avatarPath={util.gifObjectUrl}
onClick={() => console.log('onClick')}
/>
<div>
<ContactListItem
i18n={util.i18n}
name="Someone 🔥 Somewhere"
phoneNumber="(202) 555-0011"
profileName="🔥Flames🔥"
avatarPath={util.gifObjectUrl}
onClick={() => console.log('onClick')}
/>
<ContactListItem
i18n={util.i18n}
name="Another ❄️ Yes"
phoneNumber="(202) 555-0011"
profileName="❄Ice❄"
avatarPath={util.gifObjectUrl}
onClick={() => console.log('onClick')}
/>
</div>
```
#### With name and profile, verified

Loading…
Cancel
Save