Confirm modal style fixes

src/components/Article/Comment/Comment.module.scss

@@ -207,7 +207,7 @@
 
 .articleLinkIcon {
   display: inline-block;
-  margin-right: 1em;
+  margin: 0 1em;
   vertical-align: middle;
   width: 1em;
 }

src/components/Nav/ConfirmModal/ConfirmModal.module.scss

@@ -2,18 +2,21 @@
   position: relative;
 
   .confirmModalTitle {
-    @include font-size(2rem);
+    @include font-size(3.2rem);
-
     font-weight: 700;
     color: var(--default-color);
     text-align: center;
+
+    @include media-breakpoint-up(sm) {
+      margin: 0 10%;
+    }
   }
 
   .confirmModalActions {
     display: flex;
     justify-content: space-between;
     margin-top: 4rem;
-    gap: 2rem;
+    gap: 0.5rem;
 
     .confirmAction {
       flex: 1;

src/components/Nav/Modal/Modal.module.scss

@@ -63,17 +63,21 @@
     width: 100%;
 
     @include media-breakpoint-up(sm) {
-      max-width: 460px;
+      max-width: 600px;
     }
 
     @include media-breakpoint-up(md) {
-      width: 50%;
+      width: 65%;
     }
 
     .close {
       right: 1.6rem;
       top: 1.6rem;
     }
+
+    .modalInner {
+      padding: 3.8rem 2rem 2rem;
+    }
   }
 }
 

src/styles/app.scss

@@ -18,7 +18,7 @@
   --secondary-color: #85878a;
   --placeholder-color: #9fa1a7;
   --placeholder-color-semi: rgba(159, 169, 167, 0.2);
-  --danger-color: #fc6847;
+  --danger-color: #d00820;
   --lightgray-color: rgb(84 16 17 / 6%);
   --font: -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, oxygen, ubuntu, cantarell, 'Open Sans',
     'Helvetica Neue', sans-serif;