DaoSettings: add bottom margin on app items (#638)

aragon · Mar 5, 2019 · 1c60811 · 1c60811
1 parent 9072e3b
commit 1c60811
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/apps/Settings/DaoSettings.js b/src/apps/Settings/DaoSettings.js
@@ -145,7 +145,7 @@ class DaoSettings extends React.PureComponent {
                   )
 
                   return (
-                    <li title={description} key={checksummedProxyAddress}>
+                    <AppItem title={description} key={checksummedProxyAddress}>
                       <Label>
                         {name}
                         {tags.length > 0 ? ` (${tags.join(', ')})` : ''}
@@ -154,7 +154,7 @@ class DaoSettings extends React.PureComponent {
                         entity={checksummedProxyAddress}
                         shorten={shortAddresses}
                       />
-                    </li>
+                    </AppItem>
                   )
                 }
               )}
@@ -185,6 +185,10 @@ const Label = styled.label`
   text-transform: uppercase;
 `
 
+const AppItem = styled.li`
+  margin-bottom: 24px;
+`
+
 export default props => (
   <Viewport>
     {({ below }) => <DaoSettings {...props} shortAddresses={below('medium')} />}