From 5b6c4b57953df06bef5ed96de58c78e4e48c9e05 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sun, 15 Mar 2026 15:24:14 +0200
Subject: [PATCH 1/3] More styles work

---
 app/features/map-planner/plans-global.css | 10 ++++++++--
 app/styles/common.css                     |  6 +++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/features/map-planner/plans-global.css b/app/features/map-planner/plans-global.css
index 957f810d7..33402a45d 100644
--- a/app/features/map-planner/plans-global.css
+++ b/app/features/map-planner/plans-global.css
@@ -67,11 +67,17 @@ body:has(.planner) header {
 }
 
 .tlui-toolbar-container.tlui-toolbar__tools {
-	bottom: calc(var(--layout-fuse-bottom-height) + env(safe-area-inset-bottom));
+	bottom: calc(
+		var(--layout-fuse-bottom-height) +
+		env(safe-area-inset-bottom)
+	) !important;
 }
 
 .tl-watermark_SEE-LICENSE {
-	bottom: calc(var(--layout-fuse-bottom-height) + env(safe-area-inset-bottom));
+	bottom: calc(
+		var(--layout-fuse-bottom-height) +
+		env(safe-area-inset-bottom)
+	) !important;
 }
 
 img[src$="?outline=red"] {
diff --git a/app/styles/common.css b/app/styles/common.css
index d41682f11..befbe052e 100644
--- a/app/styles/common.css
+++ b/app/styles/common.css
@@ -592,10 +592,14 @@
 
 .top-leaderboard {
 	min-height: 100px;
+	margin: 10px 0;
 }
 
 @media screen and (max-width: 599px) {
 	.publift-widget-sticky_footer-container {
-		bottom: calc(var(--layout-nav-height) + env(safe-area-inset-bottom));
+		bottom: calc(
+			var(--layout-nav-height) +
+			env(safe-area-inset-bottom)
+		) !important;
 	}
 }

From abc45738ac8407b7f01ad22278f9b9042cb16e50 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sun, 15 Mar 2026 15:40:41 +0200
Subject: [PATCH 2/3] Adjust support button location

---
 app/components/MobileNav.module.css           |  7 +++++
 app/components/MobileNav.tsx                  | 29 ++++++++++++++-----
 .../layout/TopRightButtons.module.css         |  6 ++++
 app/components/layout/TopRightButtons.tsx     | 18 +++++++-----
 app/components/layout/index.tsx               |  4 +--
 5 files changed, 46 insertions(+), 18 deletions(-)

diff --git a/app/components/MobileNav.module.css b/app/components/MobileNav.module.css
index 5a7cd5169..54df6823b 100644
--- a/app/components/MobileNav.module.css
+++ b/app/components/MobileNav.module.css
@@ -188,6 +188,13 @@
 	}
 }
 
+.menuHeaderActions {
+	display: flex;
+	align-items: center;
+	gap: var(--s-2);
+	margin-inline-start: auto;
+}
+
 .panelCloseButton {
 	display: grid;
 	place-items: center;
diff --git a/app/components/MobileNav.tsx b/app/components/MobileNav.tsx
index 7d7f18c89..3b3c733d1 100644
--- a/app/components/MobileNav.tsx
+++ b/app/components/MobileNav.tsx
@@ -2,6 +2,7 @@ import clsx from "clsx";
 import {
 	Calendar,
 	ChevronRight,
+	Heart,
 	LogIn,
 	Menu,
 	MessageSquare,
@@ -26,9 +27,11 @@ import {
 	FRIENDS_PAGE,
 	navIconUrl,
 	SETTINGS_PAGE,
+	SUPPORT_PAGE,
 	userPage,
 } from "~/utils/urls";
 import { Avatar } from "./Avatar";
+import { LinkButton } from "./elements/Button";
 import { EventsList } from "./EventsList";
 import { Image } from "./Image";
 import { ChatSidebar } from "./layout/ChatSidebar";
@@ -342,13 +345,25 @@ function MenuOverlay({
 							<Menu size={18} />
 						</div>
 						<h2 className={styles.panelTitle}>{t("front:mobileNav.menu")}</h2>
-						<button
-							type="button"
-							className={styles.panelCloseButton}
-							onClick={onClose}
-						>
-							<X size={18} />
-						</button>
+						<div className={styles.menuHeaderActions}>
+							{!user?.roles.includes("MINOR_SUPPORT") ? (
+								<LinkButton
+									to={SUPPORT_PAGE}
+									size="small"
+									icon={<Heart />}
+									variant="outlined"
+								>
+									{t("common:pages.support")}
+								</LinkButton>
+							) : null}
+							<button
+								type="button"
+								className={styles.panelCloseButton}
+								onClick={onClose}
+							>
+								<X size={18} />
+							</button>
+						</div>
 					</header>
 
 					<nav aria-label={t("front:mobileNav.menu")}>
diff --git a/app/components/layout/TopRightButtons.module.css b/app/components/layout/TopRightButtons.module.css
index d148109d1..53f798d4b 100644
--- a/app/components/layout/TopRightButtons.module.css
+++ b/app/components/layout/TopRightButtons.module.css
@@ -4,6 +4,12 @@
 	margin-left: auto;
 }
 
+.supportWrapper {
+	@media screen and (max-width: 599px) {
+		display: none;
+	}
+}
+
 .searchAndAddContainer {
 	display: grid;
 	grid-template-columns: 2fr 1fr;
diff --git a/app/components/layout/TopRightButtons.tsx b/app/components/layout/TopRightButtons.tsx
index 4c8de5cdf..c2cbf773a 100644
--- a/app/components/layout/TopRightButtons.tsx
+++ b/app/components/layout/TopRightButtons.tsx
@@ -27,14 +27,16 @@ export function TopRightButtons({
 	return (
 		<div className={styles.container}>
 			{showSupport ? (
-				<LinkButton
-					to={SUPPORT_PAGE}
-					size="small"
-					icon={<Heart />}
-					variant="outlined"
-				>
-					{t("common:pages.support")}
-				</LinkButton>
+				<div className={styles.supportWrapper}>
+					<LinkButton
+						to={SUPPORT_PAGE}
+						size="small"
+						icon={<Heart />}
+						variant="outlined"
+					>
+						{t("common:pages.support")}
+					</LinkButton>
+				</div>
 			) : null}
 			{isLoggedIn ? (
 				<>
diff --git a/app/components/layout/index.tsx b/app/components/layout/index.tsx
index 7bb39563d..8a7c97158 100644
--- a/app/components/layout/index.tsx
+++ b/app/components/layout/index.tsx
@@ -362,9 +362,7 @@ export function Layout({
 					<TopNavMenus />
 					<TopRightButtons
 						showSupport={Boolean(
-							data &&
-								!data?.user?.roles.includes("MINOR_SUPPORT") &&
-								isFrontPage,
+							data && !data?.user?.roles.includes("MINOR_SUPPORT"),
 						)}
 						showSearch={Boolean(data?.user)}
 						isLoggedIn={Boolean(data?.user)}

From 668c537ecbe2a098540591b1ecb6ba8a2877a596 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sun, 15 Mar 2026 15:41:56 +0200
Subject: [PATCH 3/3] Add translation

---
 app/components/FriendCodeInput.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/FriendCodeInput.tsx b/app/components/FriendCodeInput.tsx
index c78a16fe3..df1a7c862 100644
--- a/app/components/FriendCodeInput.tsx
+++ b/app/components/FriendCodeInput.tsx
@@ -62,7 +62,7 @@ export function FriendCodeInput({
 				</div>
 				{!friendCode ? (
 					<SubmitButton _action="ADD_FRIEND_CODE" state={fetcher.state}>
-						Save
+						{t("common:actions.save")}
 					</SubmitButton>
 				) : null}
 			</div>