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
.module-contact-list-item { .module-contact-list-item {
padding-top: 5px;
padding-bottom: 5px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;

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

Loading…
Cancel
Save