fix: modify styles

nexxtway · May 6, 2020 · 85f6ff4 · 85f6ff4
1 parent 3a411f6
commit 85f6ff4
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/src/components/VisualPicker/readme.md b/src/components/VisualPicker/readme.md
@@ -262,7 +262,7 @@ const StyledHeader = styled.h1.attrs(props => {
 const StyledLabel = styled.h2.attrs(props => {
     return props.theme.rainbow.palette;
 })`
-    font-size: 15px;
+    font-size: 12px;
     font-weight: 300;
     margin-top:6px
     color: ${props => props.text.label};

diff --git a/src/components/VisualPickerOption/styled/content.js b/src/components/VisualPickerOption/styled/content.js
@@ -4,7 +4,7 @@ import attachThemeAttrs from '../../../styles/helpers/attachThemeAttrs';
 const sizeMap = { large: '210px', medium: '142px', small: '100px' };
 const StyledContent = attachThemeAttrs(styled.span)`
     height: ${props => sizeMap[props.size]};
-    width: 100%;
+    width: ${props => sizeMap[props.size]};
     border-radius: 22px;
     box-shadow: ${props => props.shadows.shadow_4};
     border: solid 2px ${props => props.palette.border.divider};

diff --git a/src/components/VisualPickerOption/styled/label.js b/src/components/VisualPickerOption/styled/label.js
@@ -3,8 +3,8 @@ import styled from 'styled-components';
 const StyledLabel = styled.label`
     display: flex;
     flex-direction: column;
-    width: 142px;
     box-sizing: border-box;
+    align-items: center;
 `;
 
 export default StyledLabel;