From 74bdab81a32e6a5a4a355b59ef8c9f7f491ab902 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Sat, 15 Apr 2023 19:58:52 -0700
Subject: [PATCH] fix(web): remove extra spacing above headers in modals

---
 .../modals/BrowserNotifyModal/BrowserNotifyModal.tsx       | 2 +-
 web/components/ui/Modal/Modal.module.scss                  | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/components/modals/BrowserNotifyModal/BrowserNotifyModal.tsx b/web/components/modals/BrowserNotifyModal/BrowserNotifyModal.tsx
index 5fbe55477..db14593b3 100644
--- a/web/components/modals/BrowserNotifyModal/BrowserNotifyModal.tsx
+++ b/web/components/modals/BrowserNotifyModal/BrowserNotifyModal.tsx
@@ -60,7 +60,7 @@ const PermissionPopupPreview: FC<PermissionPopupPreviewProps> = ({ start }) => (
 
 const NotificationsEnabled = () => (
   <div>
-    <Title>Notifications are enabled</Title>
+    <Title level={2}>Notifications are enabled</Title>
     To disable push notifications from {window.location.hostname.toString()} access your browser
     permissions for this site and turn off notifications.
     <a href="https://owncast.online/docs/notifications"> Learn more.</a>
diff --git a/web/components/ui/Modal/Modal.module.scss b/web/components/ui/Modal/Modal.module.scss
index 2d29dae8a..4d7355a89 100644
--- a/web/components/ui/Modal/Modal.module.scss
+++ b/web/components/ui/Modal/Modal.module.scss
@@ -10,5 +10,10 @@
   padding: 2vw;
   background-color: var(--theme-color-components-modal-content-background);
   color: var(--theme-color-components-modal-content-text);
-}
 
+  h1:first-child,
+  h2:first-child,
+  h3:first-child {
+    margin-top: unset;
+  }
+}