From 09fc4581c9d357943321d659ebc2b2f0cb427c57 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 25 Jan 2024 00:07:13 -0600
Subject: [PATCH] more

---
 src/Components/SignupPage/SignupPage.js |  3 ++-
 src/pageElements/Radiogroup.js          |  9 +++++++--
 src/styles/signup.scss                  | 11 +++++++++++
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/Components/SignupPage/SignupPage.js b/src/Components/SignupPage/SignupPage.js
index bda940c..79a100f 100644
--- a/src/Components/SignupPage/SignupPage.js
+++ b/src/Components/SignupPage/SignupPage.js
@@ -373,12 +373,13 @@ const SignupPage = () => {
               </h5>
             </div>
             <div className="radio-group-box">
-              <div className="radio-group-wrapper">
+              <div className="signup-radio-wrapper">
                 <Radiogroup
                   title="Client position"
                   options={radioOptions}
                   value={"data.clientPosition.value"}
                   disabled={isBusy}
+                  dynamicClassName={"signup-option-div"}
                   onClick={(e) => handleChangeInput(e, "clientPosition")}
                 />
               </div>
diff --git a/src/pageElements/Radiogroup.js b/src/pageElements/Radiogroup.js
index a05a790..558dc02 100644
--- a/src/pageElements/Radiogroup.js
+++ b/src/pageElements/Radiogroup.js
@@ -11,15 +11,20 @@ const Radiogroup = (props) => {
     onClick,
     value,
     options,
-    disabled
+    disabled,
+    dynamicClassName,
   } = props;
   const classCheckbox = "checkbox";
   const classOption = "option";
 
+  const dynamicClass =
+    dynamicClassName === "signup-option-div"
+      ? dynamicClassName
+      : "checkbox-option-div";
   return (
     <div className="radio-option-container">
       {title && <div className="checkbox-title">{title}</div>}
-      <div className="checkbox-option-div">
+      <div className={`${dynamicClass}`}>
         {options &&
           options?.length &&
           options.map((option, index) => (
diff --git a/src/styles/signup.scss b/src/styles/signup.scss
index 81669c8..766ef0b 100644
--- a/src/styles/signup.scss
+++ b/src/styles/signup.scss
@@ -82,6 +82,17 @@
   padding: 6px;
 }
 
+.signup-radio-wrapper {
+  background-color: red;
+  display: flex;
+  flex-direction: column;
+}
+
+.signup-option-div {
+  display: flex;
+  flex-direction: column;
+}
+
 .radio-group-box {
   display: flex;
   flex-direction: column;