From f857d92c0eff7d2797c7c74226b2c2e939ff55ad Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 25 Jan 2024 14:41:22 -0600
Subject: [PATCH] more

---
 src/pageElements/Radio.js | 10 +++++-----
 src/styles/radio.scss     |  4 ++++
 2 files changed, 9 insertions(+), 5 deletions(-)
 create mode 100644 src/styles/radio.scss

diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js
index 6fdc9ac..aab2258 100644
--- a/src/pageElements/Radio.js
+++ b/src/pageElements/Radio.js
@@ -1,4 +1,5 @@
 import { CircleFill, Circle } from "react-bootstrap-icons";
+import "../styles/radio.scss";
 
 const Radio = (props) => {
   console.log("hello");
@@ -15,7 +16,10 @@ const Radio = (props) => {
       >
         {value == activeRadioOption ? (
           <div className="radio-circle-container">
-            <CircleFill />
+            <div>
+              <CircleFill />
+            </div>
+
             <div> {`checked: ${name}`} </div>
           </div>
         ) : (
@@ -29,10 +33,6 @@ const Radio = (props) => {
   );
 };
 
-/**
- * A radio button is a quick way to extract a single coded answer from our users by presenting multiple possibilities and allowing only one option to be chosen.
- */
-
 export default Radio;
 
 /*
diff --git a/src/styles/radio.scss b/src/styles/radio.scss
new file mode 100644
index 0000000..3e93146
--- /dev/null
+++ b/src/styles/radio.scss
@@ -0,0 +1,4 @@
+.radio-circle-container {
+  display: flex;
+  flex-direction: row;
+}