From 5695b3ca1e1561cdd533aaa9f54f412eba533600 Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Thu, 21 Mar 2024 08:59:07 +0800
Subject: [PATCH] Fix alignment issues with the checkboxes

---
 src/pages/notifications.css | 12 ++++++++++++
 src/pages/notifications.jsx |  2 +-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/pages/notifications.css b/src/pages/notifications.css
index 13d21f1a..47273aca 100644
--- a/src/pages/notifications.css
+++ b/src/pages/notifications.css
@@ -551,3 +551,15 @@
     }
   }
 }
+
+#notifications-settings {
+  label {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+
+    input[type='checkbox'] {
+      flex-shrink: 0;
+    }
+  }
+}
diff --git a/src/pages/notifications.jsx b/src/pages/notifications.jsx
index b8ad3da3..7a24a386 100644
--- a/src/pages/notifications.jsx
+++ b/src/pages/notifications.jsx
@@ -709,7 +709,7 @@ function Notifications({ columnMode }) {
             }
           }}
         >
-          <div class="sheet" tabIndex="-1">
+          <div class="sheet" id="notifications-settings" tabIndex="-1">
             <button
               type="button"
               class="sheet-close"