fix: fix margin and modify size

nexxtway · May 15, 2020 · 5a411ab · 5a411ab
1 parent ee8acb1
commit 5a411ab
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/src/components/RadioButtonGroup/styled/buttonItem.js b/src/components/RadioButtonGroup/styled/buttonItem.js
@@ -4,7 +4,7 @@ import attachThemeAttrs from '../../../styles/helpers/attachThemeAttrs';
 import { replaceAlpha } from '../../../styles/helpers/color';
 import { BORDER_RADIUS_2 } from '../../../styles/borderRadius';
 
-const sizeMap = { large: '3rem', medium: '2.5rem', small: '1.75rem', 'x-small': '1.25rem' };
+const sizeMap = { large: '3rem', medium: '2.5rem', small: '1.8rem', 'x-small': '1.3rem' };
 const StyledButtonItem = attachThemeAttrs(styled.span)`
     display: inline-flex;
     justify-content: center;

diff --git a/src/components/RadioButtonGroup/styled/buttonItemsContainer.js b/src/components/RadioButtonGroup/styled/buttonItemsContainer.js
@@ -4,7 +4,7 @@ import { replaceAlpha } from '../../../styles/helpers/color';
 import { BORDER_RADIUS_2 } from '../../../styles/borderRadius';
 import { COLOR_GRAY_2 } from '../../../styles/colors';
 
-const sizeMap = { large: '3rem', medium: '2.5rem', small: '1.75rem', 'x-small': '1.25rem' };
+const sizeMap = { large: '3rem', medium: '2.5rem', small: '1.8rem', 'x-small': '1.3rem' };
 const StyledButtonItemsContainer = attachThemeAttrs(styled.div).attrs(props => {
     const isDark = props.palette.isDark;
     const inverse = {

diff --git a/src/components/RadioButtonGroup/styled/marker.js b/src/components/RadioButtonGroup/styled/marker.js
@@ -3,16 +3,15 @@ import styled from 'styled-components';
 import attachThemeAttrs from '../../../styles/helpers/attachThemeAttrs';
 import { BORDER_RADIUS_2 } from '../../../styles/borderRadius';
 
-const sizeMap = { large: '3.1rem', medium: '2.6rem', small: '1.76rem', 'x-small': '1.26rem' };
+const sizeMap = { large: '3.1rem', medium: '2.6rem', small: '1.81rem', 'x-small': '1.31rem' };
 const StyledMarker = attachThemeAttrs(styled.span)`
     position: absolute;
-    background: ${props => props.palette.background.main};
+    background-color: ${props => props.palette.background.main};
     opacity: 0;
     top: 0;
     bottom: 0;
     margin: auto;
     height: ${props => sizeMap[props.size] || sizeMap.medium};
-    margin-top: -0.05rem;
     border-color: ${props => props.palette.border.main};
     border-radius: ${BORDER_RADIUS_2};
     border: solid 1px transparent;

diff --git a/src/components/RadioButtonGroup/styled/markerContainer.js b/src/components/RadioButtonGroup/styled/markerContainer.js
@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 
-const sizeMap = { large: '3rem', medium: '2.5rem', small: '1.75rem', 'x-small': '1.25rem' };
+const sizeMap = { large: '3rem', medium: '2.5rem', small: '1.8rem', 'x-small': '1.3rem' };
 const StyledMarkerContainer = styled.div`
     display: inline-flex;
     justify-content: center;