reduce product banner stroke width (#1632)

kczimm · web-flow · commit b544617a285f · 2024-10-08T14:38:07.000-05:00
diff --git a/pgml-dashboard/src/components/notifications/product/product_banner/product_banner.scss b/pgml-dashboard/src/components/notifications/product/product_banner/product_banner.scss
@@ -1,52 +1,63 @@
 div[data-controller="notifications-product-product-banner"] {
   margin-top: 3rem;
   margin-bottom: 3rem;
-  
-  .product_high, .product_medium, .product_marketing {
+
+  .product_high,
+  .product_medium,
+  .product_marketing {
     background-color: #{$gray-600};
     margin: 2px 0px;
   }
 
   .product_high {
-    border: 2px solid #{$alert-notification-high};
-    .title, .preset-icon {
+    border: 1px solid #{$alert-notification-high};
+
+    .title,
+    .preset-icon {
       color: #{$alert-notification-high};
     }
+
     .modal-body {
       border-color: #{$alert-notification-high};
     }
   }
 
   .product_medium {
-    border: 2px solid #{$alert-notification-medium};
-    .title, .preset-icon {
+    border: 1px solid #{$alert-notification-medium};
+
+    .title,
+    .preset-icon {
       color: #{$alert-notification-medium};
     }
+
     .modal-body {
       border-color: #{$alert-notification-medium};
     }
   }
 
   .product_marketing {
-    border: 2px solid #{$alert-notification-marketing};
-    .title, .preset-icon {
+    border: 1px solid #{$alert-notification-marketing};
+
+    .title,
+    .preset-icon {
       color: #{$alert-notification-marketing};
     }
+
     .modal-body {
       border-color: #{$alert-notification-marketing};
     }
   }
 
   .close {
-      color: #{$gray-100};
-      font-size: 24px;
+    color: #{$gray-100};
+    font-size: 24px;
 
-      &:hover {
-          color: #{$gray-200};
-      }
+    &:hover {
+      color: #{$gray-200};
+    }
   }
 
   .more-info {
-      color: #{$gray-100}
+    color: #{$gray-100}
   }
 }
