fix: Minor styling fixes for Report an issue modal (amundsen-io#1756)

* Minor styling fixes for Report an issue modal Signed-off-by: Kristen Armes <[email protected]> * Using more variables Signed-off-by: Kristen Armes <[email protected]>
SaltIO · May 13, 2022 · 67918cc · 67918cc
1 parent 4d236db
commit 67918cc
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/frontend/amundsen_application/static/js/pages/TableDetailPage/ReportTableIssue/styles.scss b/frontend/amundsen_application/static/js/pages/TableDetailPage/ReportTableIssue/styles.scss
@@ -3,6 +3,7 @@
 
 @import 'variables';
 
+$modal-size: 400px;
 $submit-row-gap: 15%;
 
 .report-table-issue-modal {
@@ -13,16 +14,16 @@ $submit-row-gap: 15%;
   display: block;
   height: auto;
   left: 25px;
-  min-height: 300px;
-  padding: 32px;
+  min-height: $modal-size;
+  padding: $spacer-4;
   position: fixed;
-  width: 400px;
-  z-index: 6;
+  width: $modal-size;
+  z-index: 99;
 
-  .btn-close {
+  .btn.btn-close {
     position: absolute;
-    right: 32px;
-    top: 32px;
+    right: $spacer-4;
+    top: $spacer-4;
   }
 
   .data-owner-notification {