From 51ce38435b4fd37458031a516981184fed709709 Mon Sep 17 00:00:00 2001
From: Kenneth Jannette <sj@sjdev.co>
Date: Thu, 7 Mar 2024 15:19:17 -0600
Subject: [PATCH] more

---
 src/pageElements/Radiogroup.js | 20 ++++++++++++++++++--
 src/styles/radio-group.scss    | 14 ++++++++++++++
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/pageElements/Radiogroup.js b/src/pageElements/Radiogroup.js
index 39228d7..cd5cf83 100644
--- a/src/pageElements/Radiogroup.js
+++ b/src/pageElements/Radiogroup.js
@@ -1,4 +1,4 @@
-import { CircleFill, Circle } from "react-bootstrap-icons";
+import { CircleFill, Circle, ExclamationTriangle } from "react-bootstrap-icons";
 
 const Radiogroup = (props) => {
   const {
@@ -19,7 +19,23 @@ const Radiogroup = (props) => {
 
   return (
     <div className="radio-option-container">
-      {title && <div className="checkbox-title">{title}</div>}
+      <div className="radio-group-title-box">
+        {title === "Document type" ? (
+          <div className="checkbox-title-icon-box">
+            <ExclamationTriangle
+              style={{
+                color: "red",
+                marginRight: "8px",
+                marginBottom: "6px",
+              }}
+            />
+          </div>
+        ) : (
+          <></>
+        )}
+        {title && <div className="checkbox-title">{title}</div>}
+      </div>
+
       <div className="checkbox-option-div">
         {options &&
           options?.length &&
diff --git a/src/styles/radio-group.scss b/src/styles/radio-group.scss
index c2c8226..34aaa41 100644
--- a/src/styles/radio-group.scss
+++ b/src/styles/radio-group.scss
@@ -27,6 +27,20 @@
   border-radius: 6px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 }
+
+.radio-group-title-box {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.checkbox-title-icon-box {
+  margin-top: 3px;
+  margin-left: 2px;
+  margin-right: 1px;
+}
+
 .checkbox-option-div {
   display: flex;
   flex-direction: row;