Fix alignment issues with the checkboxes

2024-03-21 08:59:07 +08:00 · 2024-03-21 08:59:07 +08:00 · 5695b3ca1e
parent 15c113ecb1
commit 5695b3ca1e
2 changed files with 13 additions and 1 deletions
--- 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;
+    }
+  }
+}
--- 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"