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

---
 src/pageElements/Radio.js |  9 ++++++++-
 src/styles/radio.scss     | 13 +++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js
index 1174494..6dd7118 100644
--- a/src/pageElements/Radio.js
+++ b/src/pageElements/Radio.js
@@ -30,8 +30,12 @@ const Radio = (props) => {
                   <CircleFill color="#1a76c7" size="20px" />
                 </div>
                 <div className="radio-name-box"> {`${name}`} </div>
-                <div className="radio-price-box"> {`${price}`} </div>
+                <div className="radio-price-box">
+                  <div className="radio-price"> {`${price}`} </div>
+                </div>
               </div>
+
+              <div></div>
               <div className="radio-circle-lower">
                 <div className="radio-description-box">
                   {" "}
@@ -48,6 +52,9 @@ const Radio = (props) => {
                   <Circle color="#1a76c7" size="20px" />
                 </div>
                 <div className="radio-name-box">{`${name}`} </div>
+                <div className="radio-price-box">
+                  <div className="radio-price"> {`${price}`} </div>
+                </div>
               </div>
               <div className="radio-circle-lower">
                 <div className="radio-description-box">
diff --git a/src/styles/radio.scss b/src/styles/radio.scss
index 71f7127..db1c18e 100644
--- a/src/styles/radio.scss
+++ b/src/styles/radio.scss
@@ -28,9 +28,22 @@
 
 .radio-name-box {
   height: 40px;
+  width: 70%;
   font-family: var(--main-font);
   font-family: Roboto;
   font-weight: 500;
   letter-spacing: 0.05rem;
   margin: 13px 8px;
 }
+
+.radio-price-box {
+  display: flex;
+  flex-direction: row-reverse;
+  margin: 16px 8px;
+  width: 30%;
+}
+
+.radio-price {
+  width: 20px;
+  float: right;
+}