From 4811e89535867afb5d9f07d696cfe52a4bbcc143 Mon Sep 17 00:00:00 2001
From: Andrew Beal <andrew.business@tuta.com>
Date: Mon, 6 Jul 2026 19:49:01 +0100
Subject: [PATCH] fix: adjust help modal banner position and hide overflow on
 mobile

- Move banner up and left on mobile devices
- Prevent horizontal scrolling in modal content area
---
 Modals/HelpModalSvelte.svelte | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/Modals/HelpModalSvelte.svelte b/Modals/HelpModalSvelte.svelte
index cf97247..e5ccbda 100644
--- a/Modals/HelpModalSvelte.svelte
+++ b/Modals/HelpModalSvelte.svelte
@@ -351,6 +351,11 @@
 	}
 
 	/* Mobile styles */
+	:global(.is-mobile) .help-modal-banner {
+		margin-top: calc(var(--size-4-1) * -1);;
+		margin-left: calc(var(--size-4-2) * -0.6);
+	}
+
 	:global(.is-mobile) .help-modal-body {
 		grid-template-rows: auto var(--size-4-2) 1fr var(--size-4-2) auto;
 		grid-template-columns: 1fr;
@@ -385,5 +390,6 @@
 		grid-row: 3;
 		grid-column: 1;
 		padding: var(--size-4-2);
+		overflow-x: hidden;
 	}
 </style>