From 0e903fbb051dca62dc29b7991c4928c3caf5c830 Mon Sep 17 00:00:00 2001 From: sai Date: Fri, 28 Dec 2018 18:46:01 +0530 Subject: [PATCH] fix(RadioButtonGroup): Fix RadioButtonGroup design bugs --- lib/radioButtonGroup/theme.module.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/lib/radioButtonGroup/theme.module.scss b/lib/radioButtonGroup/theme.module.scss index 227f85c6..a441bb47 100644 --- a/lib/radioButtonGroup/theme.module.scss +++ b/lib/radioButtonGroup/theme.module.scss @@ -10,7 +10,7 @@ position: relative; opacity: 0; cursor: pointer; - margin: 3px; + margin: 0px; } /* Fixes width issue in safari */ @media not all and (min-resolution:.001dpcm) { @@ -31,10 +31,18 @@ } :local(.customized-radio) { + display: inline-block; border: 3px solid $secondary-grey; border-radius: 50%; padding: 3px; + height: 30px; + width: 30px; + box-sizing: border-box; .inner { + display: inline-block; + height: 100%; + width: 100%; + box-sizing: content-box; border-radius: 50%; &.checked { background: $secondary-blue;