Fixing minor issue with class names.

Author: Martin Krulis

src/components/forms/Fields/RadioField.js

@@ -8,14 +8,14 @@ const RadioField = ({ input, meta: { error, warning }, options }) => {
     <FormGroup validationState={error ? 'error' : warning ? 'warning' : undefined} controlId={input.name}>
       {options.map(({ key, name }, idx) => (
         <Radio
-          className={'radio-container'}
+          className="radio-container"
           key={`radio${idx}-${key}`}
           name={input.name}
           value={key}
           checked={input.value === key}
           onChange={input.onChange}>
           {name}
-          <span className={'radiomark'}></span>
+          <span className="radiomark"></span>
         </Radio>
       ))}
 

src/components/forms/Fields/StandaloneRadioField.js

@@ -4,10 +4,10 @@ import { Field } from 'redux-form';
 
 const StandaloneRadioField = ({ name, value }) => {
   return (
-    <div className={'radio-container'}>
+    <div className="radio-container">
       <label>
         <Field name={name} component="input" type="radio" value={value} />
-        <span className={'radiomark'}></span>
+        <span className="radiomark"></span>
       </label>
     </div>
   );

src/components/forms/StandaloneRadioInput/StandaloneRadioInput.js

@@ -3,17 +3,10 @@ import PropTypes from 'prop-types';
 
 const StandaloneRadioInput = ({ name, value, checked, disabled, readOnly }) => {
   return (
-    <div className={'radio-container'}>
+    <div className="radio-container">
       <label>
-        <input
-          type="radio"
-          name={name}
-          value={value}
-          checked={checked}
-          disabled={disabled}
-          readOnly={readOnly}
-        />
-        <span className={'radiomark'}></span>
+        <input type="radio" name={name} value={value} checked={checked} disabled={disabled} readOnly={readOnly} />
+        <span className="radiomark"></span>
       </label>
     </div>
   );

src/components/widgets/Box/Box.js

@@ -56,7 +56,7 @@ class Box extends Component {
           })}>
           {children}
         </div>
-        {footer && <div className={'box-footer'}>{footer}</div>}
+        {footer && <div className="box-footer">{footer}</div>}
       </div>
     );
   }

src/components/widgets/InfoBox/SimpleInfoBox.js

@@ -4,7 +4,7 @@ import Icon from '../../icons';
 
 const SimpleInfoBox = ({ title, description = '', icon = 'info', color = 'yellow' }) => (
   <div className="info-box">
-    <span className={'info-box-icon bg-' + color}>
+    <span className={`info-box-icon bg-${color}`}>
       <Icon icon={icon} />
     </span>
     <div className="info-box-content">