fixing tests and styling

bcgov · Oct 6, 2023 · 47f3621 · 47f3621
1 parent 643267d
commit 47f3621
Show file tree

Hide file tree

Showing 4 changed files with 129 additions and 247 deletions.
diff --git a/services/core-web/src/components/Forms/ExplosivesPermit/ExplosivesPermitForm.tsx b/services/core-web/src/components/Forms/ExplosivesPermit/ExplosivesPermitForm.tsx
@@ -169,7 +169,7 @@ export const ExplosivesPermitForm: FC<ExplosivesPermitFormProps &
     <div>
       To make changes to an existing explosive storage and use permit,\u2022 follow these steps:
       <br />
-      <ul>
+      <ul className="landing-list">
         <li>Open the permit that you want to amend from the applications page of the mine in CORE.</li>
         <li>Click on the “Amend Permit” button at the top right corner of the permit details page.</li>
         <li>Fill out the amendment form with the required information and documents.</li>
@@ -191,23 +191,23 @@ export const ExplosivesPermitForm: FC<ExplosivesPermitFormProps &
           <h4 className="uppercase">DEFAULT TO "ADD EXISTING" FROM PERMIT PAGE / "CREATE NEW" FROM APPLICATION PAGE</h4><br/>
           <Typography.Text>Select an action below to get started:</Typography.Text>
           <div  className="landing-list">
-            <Radio.Group
+            <Radio.Group className="vertical-radio-group"
               value={radioSelection}
               onChange={handleRadioChange}>
-                  <Radio value={1}>Add an existing explosive storage and Use permit</Radio><br/>
-                  <Radio value={2}>Create new explosive storage and use permit</Radio><br/>
-                  <Radio value={3}>Amend an existing explosive storage and use permit</Radio><br/>
+                  <Radio value={1}>Add an existing explosive storage and Use permit</Radio>
+                  <Radio value={2}>Create new explosive storage and use permit</Radio>
+                  <Radio value={3}>Amend an existing explosive storage and use permit</Radio>
             </Radio.Group>
-          </div><br/>
+          </div>
         </div>
-        <div>
+        <div style={{ paddingTop: "16px" }}>
           {isAmend && (
             <Alert
               message="Amend an existing permit"
               description={amendDescriptionListElement}
               type="info"
               showIcon
-              />
+            />
           )}
         </div>
         <div className="right center-mobile" style={{ paddingTop: "14px" }}>

diff --git a/services/core-web/src/styles/components/Permit.scss b/services/core-web/src/styles/components/Permit.scss
@@ -0,0 +1,4 @@
+.vertical-radio-group {
+  display: flex;
+  flex-direction: column;
+}
diff --git a/services/core-web/src/styles/index.scss b/services/core-web/src/styles/index.scss
@@ -48,5 +48,6 @@
 @import "./components/DocumentTableWithExpandedRows.scss";
 @import "./components/DocumentCompressionProgressBar.scss";
 @import "./components/Menu.scss";
+@import "./components/Permit.scss";
 
 // UTILITIES - utilities and helper classes. This layer has the highest specificity.