Merge pull request #1570 from cozy/nav-list-icon

fix: ListItemIcon size is fixed
cozy · Sep 22, 2020 · d3d2327 · d3d2327
2 parents 3dedd2e + 6f1575a
commit d3d2327
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/react/MuiCozyTheme/ListItemIcon/index.js b/react/MuiCozyTheme/ListItemIcon/index.js
@@ -1,3 +1,9 @@
+import { withStyles } from '@material-ui/core/styles'
 import ListItemIcon from '@material-ui/core/ListItemIcon'
 
-export default ListItemIcon
+export default withStyles({
+  root: {
+    width: 32,
+    justifyContent: 'center'
+  }
+})(ListItemIcon)
diff --git a/react/NavigationList/Readme.md b/react/NavigationList/Readme.md
@@ -26,9 +26,9 @@ const NavigationListExample = ({ style }) => {
         <NavigationListSection>
         <ListItem>
           <ListItemIcon>
-            <Icon icon="gear" width="16" height="16" />
+            <Icon icon="gear" width="32" height="32" />
           </ListItemIcon>
-          <ListItemText primaryText="General settings" />
+          <ListItemText primaryText="General settings (large icon does not change size of icon area)" />
           <ListItemSecondaryAction>
             <Icon
               icon="right"