From 53490cd25ffca65af9f82a4b8b4b377788e78e68 Mon Sep 17 00:00:00 2001 From: Kalle <38327916+Sendouc@users.noreply.github.com> Date: Wed, 4 Mar 2026 22:12:09 +0200 Subject: [PATCH] Fix notification popover paddings, spacings --- app/components/layout/NotificationPopover.module.css | 11 ++++++----- app/components/layout/NotificationPopover.tsx | 1 - 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/app/components/layout/NotificationPopover.module.css b/app/components/layout/NotificationPopover.module.css index 5826de85a..7a2dc76b5 100644 --- a/app/components/layout/NotificationPopover.module.css +++ b/app/components/layout/NotificationPopover.module.css @@ -19,20 +19,21 @@ .topContainer { display: flex; justify-content: space-between; + align-items: center; + padding-inline: var(--s-3); + padding-block: var(--s-1); } .header { display: flex; align-items: center; font-size: var(--font-sm); - padding-inline: var(--s-1); - padding-bottom: var(--s-1); gap: var(--s-1); } -.refreshButton { - margin-block-end: var(--s-1); - margin-inline-end: var(--s-1); +.refreshButton svg { + width: 14px; + height: 14px; } .noNotifications { diff --git a/app/components/layout/NotificationPopover.tsx b/app/components/layout/NotificationPopover.tsx index d1bc1fa84..e607084c4 100644 --- a/app/components/layout/NotificationPopover.tsx +++ b/app/components/layout/NotificationPopover.tsx @@ -99,7 +99,6 @@ function NotificationsFooter({ onClose }: { onClose?: () => void }) { variant="minimal" size="small" to={NOTIFICATIONS_URL} - className="mt-1-5" testId="notifications-see-all-button" onClick={onClose} >