[FIX] Modal Button Styling (#3188)

* fix modal button stylign * Delete services/minespace-web/src/styles/components/ScrollSideMenuWrapper.scss accidental commit, unrelated to branch * Update index.scss accidental commit
bcgov · Jul 18, 2024 · 50522f1 · 50522f1
1 parent e526080
commit 50522f1
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/services/minespace-web/src/styles/index.scss b/services/minespace-web/src/styles/index.scss
@@ -44,4 +44,4 @@
 @import "./components/SideNavigation.scss";
 
 // UTILITIES - utilities and helper classes. This layer has the highest specificity.
-@import "./generic/helpers.scss";
+@import "./generic/helpers.scss";
diff --git a/services/minespace-web/src/styles/overrides/antd-overrides.scss b/services/minespace-web/src/styles/overrides/antd-overrides.scss
@@ -381,6 +381,24 @@ th.ant-descriptions-item.vertical-description {
 // Modals
 
 .ant-modal {
+
+  .ant-btn.modal__close {
+    position: absolute;
+    top: 7px;
+    color: $gov-blue;
+    font-size: 24px;
+    right: 14px;
+    z-index: 999;
+    border: none;
+    padding: 0;
+    width: 40px;
+    height: 40px;
+
+    svg {
+      margin: 10px;
+    }
+  }
+
   &-content {
     border-radius: 0;
     background-clip: border-box;