From f0bfa39f33c1e40201fbb243ce2dabb02fbf2f31 Mon Sep 17 00:00:00 2001
From: Eric NGUYEN <enguyen@techform.fr>
Date: Tue, 16 Aug 2022 14:08:54 +0200
Subject: [PATCH] RadioGroupButtons: Improve CSS

---
 src/Components/RadioGroupButtons/RadioGroupButtons.tsx | 6 +++++-
 src/Interfaces/IInputGroup.ts                          | 4 +++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/Components/RadioGroupButtons/RadioGroupButtons.tsx b/src/Components/RadioGroupButtons/RadioGroupButtons.tsx
index 76f1433..f007392 100644
--- a/src/Components/RadioGroupButtons/RadioGroupButtons.tsx
+++ b/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>
     </>
diff --git a/src/Interfaces/IInputGroup.ts b/src/Interfaces/IInputGroup.ts
index eba23cd..dfc9942 100644
--- a/src/Interfaces/IInputGroup.ts
+++ b/src/Interfaces/IInputGroup.ts
@@ -1,4 +1,6 @@
+import React from 'react';
+
 export interface IInputGroup {
-  text: string
+  text: React.ReactNode
   value: string
 }