fix(radio): limit width only for inline display

Author: hanneke

src/RadioField/styled/radio-label.js

@@ -10,7 +10,7 @@ export default styled.label`
     'two_columns',
     'three_columns',
   ].includes(p.optionDisplay) && `
-    margin-right: calc(${p.theme.spacingUnit} / 1.5);
+    margin-right: calc(${p.theme.spacingUnit} / 1);
     display: inline-block;
     width: auto;
   `}

src/RadioField/styled/wrapper.js

@@ -4,9 +4,12 @@ export default styled.div`
   @media (min-width: 768px) {
     display: inline-block;
     float: left;
-    width: calc(${p => p.theme.inlineLabelWidth} - (${p => p.theme.spacingUnit} / 2) - 0.5em);
   }
   
+  ${p => p.labelDisplay === 'inline' && `
+    width: calc(${p.theme.inlineLabelWidth} - (${p.theme.spacingUnit} / 2) - 0.5em);
+  `}
+  
   ${p => p.labelDisplay === 'before' && `
     float: none;
     width: 100%;