fix(theme-settings): use inlineLabelWidth setting instead of hardcoded values

Author: hanneke

src/Date/styled/wrapper.js

@@ -18,7 +18,7 @@ export default styled.div`
     padding-right: 20px;
   
     @media (min-width: 768px) {
-      width: calc(50% + ${p.theme.inputWidth} + 20px);
+      width: calc(${p.theme.inlineLabelWidth} + ${p.theme.inputWidth} + 20px);
     }
   `}
 `;

src/Input/styled/wrapper.js

@@ -4,14 +4,14 @@ export default styled.div`
   display: inline-block;
   
   ${p => p.labelDisplay === 'inline' && `
-    // width: ${p.theme.inputWidth};
+    width: ${p.theme.inputWidth};
   `}
 
   ${p => p.labelDisplay === 'before' && `
     width: ${p.theme.inputWidth};
 
     @media (min-width: 768px) {
-      width: calc(50% + ${p.theme.inputWidth});
+      width: calc(${p.theme.inlineLabelWidth} + ${p.theme.inputWidth});
     }
   `}
 `;

src/RadioField/styled/wrapper.js

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

src/RangeField/styled/wrapper.js

@@ -23,7 +23,7 @@ export default styled.div`
     padding-right: 20px;
 
     @media (min-width: 768px) {
-      width: calc(50% + ${p.theme.inputWidth} + 20px);
+      width: calc(${p.theme.inlineLabelWidth} + ${p.theme.inputWidth} + 20px);
     }
   `}
 `;