From a06047232ffc1d5fb91a8c85d62e66b37cbca351 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Thu, 19 Jan 2023 10:25:17 -0800
Subject: [PATCH] Fix styles for Auth modals

---
 components/LoginModal/index.scss  | 20 ++++++++++++----
 components/SignupModal/index.scss | 40 +++++++++++++++++++------------
 2 files changed, 40 insertions(+), 20 deletions(-)

diff --git a/components/LoginModal/index.scss b/components/LoginModal/index.scss
index 05c0df75..18611ce8 100644
--- a/components/LoginModal/index.scss
+++ b/components/LoginModal/index.scss
@@ -1,6 +1,16 @@
-.Login.DialogContent form {
-  display: flex;
-  flex-direction: column;
-  gap: calc($unit / 2);
-  margin-bottom: $unit;
+.Login.DialogContent {
+  gap: $unit;
+  min-width: $unit * 52;
+
+  .DialogHeader {
+    padding: $unit-4x $unit-3x;
+  }
+
+  form {
+    display: flex;
+    flex-direction: column;
+    gap: calc($unit / 2);
+    margin-bottom: $unit-3x;
+    padding: 0 $unit-3x;
+  }
 }
diff --git a/components/SignupModal/index.scss b/components/SignupModal/index.scss
index 51586a6b..7a7fc66a 100644
--- a/components/SignupModal/index.scss
+++ b/components/SignupModal/index.scss
@@ -1,21 +1,31 @@
-.Signup.DialogContent form {
-  display: flex;
-  flex-direction: column;
-  gap: calc($unit / 2);
-  margin-bottom: $unit;
+.Signup.DialogContent {
+  gap: $unit;
+  min-width: $unit * 52;
 
-  .terms {
-    color: $grey-50;
-    font-size: $font-small;
-    line-height: 1.2;
-    margin-top: $unit;
-    text-align: center;
+  .DialogHeader {
+    padding: $unit-4x $unit-3x;
+  }
 
-    a {
-      color: $blue;
+  form {
+    display: flex;
+    flex-direction: column;
+    gap: calc($unit / 2);
+    margin-bottom: $unit-2x;
+    padding: 0 $unit-3x;
 
-      &:hover {
-        color: darken($blue, 30);
+    .terms {
+      color: $grey-50;
+      font-size: $font-small;
+      line-height: 1.2;
+      margin-top: $unit;
+      text-align: center;
+
+      a {
+        color: $blue;
+
+        &:hover {
+          color: darken($blue, 30);
+        }
       }
     }
   }