diff --git a/src/pageElements/Radio.js b/src/pageElements/Radio.js index 45a4310..955c236 100644 --- a/src/pageElements/Radio.js +++ b/src/pageElements/Radio.js @@ -18,22 +18,30 @@ const Radio = (props) => { {value == activeRadioOption ? ( <>
-
- +
+
+ +
+
{`${name}`}
-
{`${name}`}
-
{`${description}`}
+
+
{`${description}`}
+
) : ( <>
-
- +
+
+ +
+
{`${name}`}
-
{`${name}`}
-
{`${description}`}
+
+
{`${description}`}
+
)}
diff --git a/src/styles/radio.scss b/src/styles/radio.scss index 1a00fab..ba7cce6 100644 --- a/src/styles/radio.scss +++ b/src/styles/radio.scss @@ -8,11 +8,21 @@ border: 1px solid #d4d4d4; } +.radio-circle-top { + display: flex; + flex-direction: row; +} +.radio-circle-bottom { + display: flex; + flex-direction: column; +} .radio-circle-box { + height: 40px; margin: 12px 8px; } .radio-name-box { + height: 40px; font-family: var(--main-font); font-family: Roboto; font-weight: 500;