Merge pull request #5991 from Armanio/fix/a11y_rules_style

Addon-a11y: fix design icons
storybookjs · Mar 17, 2019 · 96b064f · 96b064f
1 parent 3d8a96c
commit 96b064f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/addons/a11y/src/components/Report/Item.js b/addons/a11y/src/components/Report/Item.js
@@ -13,6 +13,7 @@ const Wrapper = styled.div();
 const Icon = styled(Icons)(({ theme }) => ({
   height: 10,
   width: 10,
+  minWidth: 10,
   color: theme.color.mediumdark,
   marginRight: '10px',
   transition: 'transform 0.1s ease-in-out',
@@ -28,6 +29,7 @@ const HeaderBar = styled.button(({ theme }) => ({
   border: 0,
   background: 'none',
   color: 'inherit',
+  textAlign: 'left',
 
   borderLeft: '3px solid transparent',
 

diff --git a/addons/a11y/src/components/Report/Rules.js b/addons/a11y/src/components/Report/Rules.js
@@ -40,6 +40,10 @@ const Status = styled.div(({ passes, impact }) => ({
   textAlign: 'center',
   flex: '0 0 16px',
   color: passes ? impactColors.success : impactColors[impact],
+  '& > svg': {
+    height: '16px',
+    width: '16px',
+  },
 }));
 
 const Rule = ({ rule, passes }) => (