From 3138e63004d8bbf5fb01c6f28e9f3ecce0bc85fc Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 21 Mar 2026 14:41:37 +0200
Subject: [PATCH] Fix PWA menu paddings

---
 app/components/MobileNav.module.css          |  3 ++-
 app/components/layout/ChatSidebar.module.css | 11 +++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/app/components/MobileNav.module.css b/app/components/MobileNav.module.css
index 892bc395b..299c6024e 100644
--- a/app/components/MobileNav.module.css
+++ b/app/components/MobileNav.module.css
@@ -180,7 +180,7 @@
 	color: var(--color-text-high);
 	min-height: var(--layout-nav-height);
 
-	&:first-child {
+	.panelDialog > &:first-child {
 		border-top: none;
 		padding-block-start: env(safe-area-inset-top);
 	}
@@ -218,6 +218,7 @@
 	list-style: none;
 	margin: 0;
 	padding: var(--s-4);
+	padding-block-end: calc(env(safe-area-inset-bottom) + var(--s-4));
 
 	& a:not(:first-child) {
 		padding-block: var(--s-2);
diff --git a/app/components/layout/ChatSidebar.module.css b/app/components/layout/ChatSidebar.module.css
index 65f56537e..3d0d92fdc 100644
--- a/app/components/layout/ChatSidebar.module.css
+++ b/app/components/layout/ChatSidebar.module.css
@@ -23,6 +23,17 @@
 	}
 }
 
+@media screen and (display-mode: standalone) and (max-width: 599px) {
+	.sidebarHeader,
+	.chatHeader {
+		padding-block-start: env(safe-area-inset-top);
+	}
+
+	.sidebar {
+		padding-block-end: env(safe-area-inset-bottom);
+	}
+}
+
 .closeButton {
 	display: grid;
 	place-items: center;