RadioGroupButtons: Improve CSS

src/Components/RadioGroupButtons/RadioGroupButtons.tsx

@@ -18,6 +18,7 @@ export const RadioGroupButtons: React.FunctionComponent<IRadioGroupButtonsProps>
         <input
           type='radio'
           name={props.name}
+          className='m-2'
           value={inputGroup.value}
           checked={props.value === inputGroup.value}
           onChange={props.onChange}
@@ -31,6 +32,7 @@ export const RadioGroupButtons: React.FunctionComponent<IRadioGroupButtonsProps>
         <input
           type='radio'
           name={props.name}
+          className='m-2'
           value={inputGroup.value}
           defaultChecked={props.defaultValue === inputGroup.value}
           onChange={props.onChange}
@@ -45,7 +47,9 @@ export const RadioGroupButtons: React.FunctionComponent<IRadioGroupButtonsProps>
       <label>
         {props.labelText}
       </label>
-      <div id='XPositionReference'>
+      <div id='XPositionReference'
+        className='flex flex-col'
+      >
         { inputGroups }
       </div>
     </>

src/Interfaces/IInputGroup.ts

@@ -1,4 +1,6 @@
+import React from 'react';
+
 export interface IInputGroup {
-  text: string
+  text: React.ReactNode
   value: string
 }