From 23c520f549efe7773bc51a90d928de72e843e61a Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 20 Jan 2023 21:11:53 -0800
Subject: [PATCH] Fix Alert buttons and sizing

---
 components/Alert/index.scss | 27 +++------------------------
 components/Alert/index.tsx  |  2 ++
 2 files changed, 5 insertions(+), 24 deletions(-)

diff --git a/components/Alert/index.scss b/components/Alert/index.scss
index 1a1a0b61..33f92d99 100644
--- a/components/Alert/index.scss
+++ b/components/Alert/index.scss
@@ -15,9 +15,9 @@
   border-radius: $unit;
   display: flex;
   flex-direction: column;
-  gap: $unit;
-  min-width: $unit * 20;
-  max-width: $unit * 40;
+  gap: $unit-2x;
+  min-width: 20vw;
+  max-width: 30vw;
   padding: $unit * 4;
 
   .description {
@@ -34,25 +34,4 @@
     align-self: flex-end;
     gap: $unit;
   }
-
-  .Button {
-    font-size: $font-regular;
-    padding: ($unit * 1.5) ($unit * 2);
-    margin-top: $unit * 2;
-
-    &.btn-disabled {
-      background: $grey-90;
-      color: $grey-70;
-      cursor: not-allowed;
-    }
-
-    &:not(.btn-disabled) {
-      background: $grey-90;
-      color: $grey-50;
-
-      &:hover {
-        background: $grey-80;
-      }
-    }
-  }
 }
diff --git a/components/Alert/index.tsx b/components/Alert/index.tsx
index 4f4b9717..8c7d6864 100644
--- a/components/Alert/index.tsx
+++ b/components/Alert/index.tsx
@@ -30,6 +30,7 @@ const Alert = (props: Props) => {
             <div className="buttons">
               <AlertDialog.Cancel asChild>
                 <Button
+                  contained={true}
                   onClick={props.cancelAction}
                   text={props.cancelActionText}
                 />
@@ -37,6 +38,7 @@ const Alert = (props: Props) => {
               {props.primaryAction ? (
                 <AlertDialog.Action asChild>
                   <Button
+                    contained={true}
                     onClick={props.cancelAction}
                     text={props.primaryActionText}
                   />