renamed migration and added cols to buttons on permit conditions

bcgov · Nov 13, 2024 · 30e3f8f · 30e3f8f
1 parent 0b7d9f8
commit 30e3f8f
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 27 deletions.
diff --git a/..._mine_report_permit_requirement_table.sql → ..._mine_report_permit_requirement_table.sql b/..._mine_report_permit_requirement_table.sql → ..._mine_report_permit_requirement_table.sql
diff --git a/services/core-web/src/components/mine/Permit/PermitConditionLayer.tsx b/services/core-web/src/components/mine/Permit/PermitConditionLayer.tsx
@@ -138,17 +138,16 @@ const PermitConditionLayer: FC<PermitConditionLayerProps> = ({
                     Add Report Requirement
                   </Button>
                 </Col>
-                <Col>
+                <Col className="margin-medium--left">
                   <Button
-                    className="margin-none"
+                    className="icon-button-container"
                     onClick={closeEdit}
                     type="primary"
                     icon={<FontAwesomeIcon icon={faXmark} />}
                   />
                 </Col>
-                <Col>
+                <Col className="icon-button-container">
                   <Button
-                    className="margin-none"
                     onClick={(event) => {
                       event.stopPropagation();
                       console.log("Not yet implemented");
@@ -160,29 +159,35 @@ const PermitConditionLayer: FC<PermitConditionLayerProps> = ({
               </Row>
             </Col>
             <Col>
-              <Row gutter={8} className="" align="middle">
-                <Button
-                  onClick={(event) => {
-                    event.stopPropagation();
-                  }}
-                  type="default"
-                  icon={<FontAwesomeIcon icon={faTrashCan} />}
-                />
-                <Button
-                  onClick={(event) => {
-                    event.stopPropagation();
-                  }}
-                  type="default"
-                  icon={<FontAwesomeIcon icon={faArrowUp} />}
-                />
-                <Button
-                  onClick={(event) => {
-                    event.stopPropagation();
-                    console.log("Not yet implemented");
-                  }}
-                  type="default"
-                  icon={<FontAwesomeIcon icon={faArrowDown} />}
-                />
+              <Row gutter={8} align="middle" className="condition-edit-buttons">
+                <Col className="icon-button-container">
+                  <Button
+                    onClick={(event) => {
+                      event.stopPropagation();
+                    }}
+                    type="default"
+                    icon={<FontAwesomeIcon icon={faTrashCan} />}
+                  />
+                </Col>
+                <Col className="icon-button-container">
+                  <Button
+                    onClick={(event) => {
+                      event.stopPropagation();
+                    }}
+                    type="default"
+                    icon={<FontAwesomeIcon icon={faArrowUp} />}
+                  />
+                </Col>
+                <Col className="icon-button-container">
+                  <Button
+                    onClick={(event) => {
+                      event.stopPropagation();
+                      console.log("Not yet implemented");
+                    }}
+                    type="default"
+                    icon={<FontAwesomeIcon icon={faArrowDown} />}
+                  />
+                </Col>
               </Row>
             </Col>
           </Row>

diff --git a/services/core-web/src/styles/components/PermitConditions.scss b/services/core-web/src/styles/components/PermitConditions.scss
@@ -60,3 +60,9 @@ div.condition-layer {
   width: 100%;
   background-color: #f9f9f9;
 }
+
+.icon-button-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}