Styling

client/coral-admin/src/components/UserDetail.css

@@ -143,3 +143,7 @@
   border-color: #E45241;
   color: white;
 }
+
+.userDetailItem {
+  padding: 2px 0;
+}

client/coral-admin/src/components/UserDetail.js

@@ -177,7 +177,7 @@ class UserDetail extends React.Component {
 
           <div>
             <ul className={styles.userDetailList}>
-              <li>
+              <li className={styles.userDetailItem}>
                 <Icon name="assignment_ind" />
                 <span className={styles.userDetailItem}>
                   {t('user_detail.member_since')}:
@@ -185,7 +185,7 @@ class UserDetail extends React.Component {
                 {new Date(user.created_at).toLocaleString()}
               </li>
 
-              <li>
+              <li className={styles.userDetailItem}>
                 <Icon name="email" />
                 <span className={styles.userDetailItem}>
                   {t('user_detail.email')}:
@@ -199,7 +199,7 @@ class UserDetail extends React.Component {
               </li>
 
               {user.profiles.map(({ provider, id }) => (
-                <li key={id}>
+                <li key={id} className={styles.userDetailItem}>
                   <Icon name="device_hub" />
                   <span className={styles.userDetailItem}>
                     {capitalize(provider)} {t('user_detail.id')}: