From 39f79bfbc6d3c8c0df39c312f46b9b8ccb923bcd Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 6 Jan 2023 02:58:45 -0800
Subject: [PATCH] Update Alert styles

* Proper z-index with overlay
* Slightly themed with background-color variable (more to come)
* Make strong actually make things bold
* Proper styling on buttons container
---
 components/Alert/index.scss | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/components/Alert/index.scss b/components/Alert/index.scss
index d8fdc1ea..1a1a0b61 100644
--- a/components/Alert/index.scss
+++ b/components/Alert/index.scss
@@ -7,11 +7,11 @@
   width: 100vw;
   top: 0;
   left: 0;
-  z-index: 21;
+  z-index: 31;
 }
 
 .Alert {
-  background: $grey-100;
+  background: var(--dialog-bg);
   border-radius: $unit;
   display: flex;
   flex-direction: column;
@@ -22,11 +22,17 @@
 
   .description {
     font-size: $font-regular;
-    line-height: 1.26;
+    line-height: 1.4;
+
+    strong {
+      font-weight: $bold;
+    }
   }
 
   .buttons {
+    display: flex;
     align-self: flex-end;
+    gap: $unit;
   }
 
   .Button {