From 761bf5b42e1aac58b0871d7ec54d0b088d081a27 Mon Sep 17 00:00:00 2001
From: Yuri Karamian <yuri@arkhost.com>
Date: Thu, 25 Jun 2026 12:37:12 +0200
Subject: [PATCH] Android: add an Info button to the top bar that opens the
 About panel

---
 src/lib/components/AppLayout.svelte | 7 +++++++
 src/lib/components/InfoPanel.svelte | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/AppLayout.svelte b/src/lib/components/AppLayout.svelte
index 9a5a8dd..bdd36ae 100644
--- a/src/lib/components/AppLayout.svelte
+++ b/src/lib/components/AppLayout.svelte
@@ -870,6 +870,13 @@
 							<line x1="3" y1="10" x2="21" y2="10" />
 						</svg>
 					</button>
+					<button class="mobile-header-btn" onclick={() => ($showInfo = true)} title="Info">
+						<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+							<circle cx="12" cy="12" r="10" />
+							<line x1="12" y1="16" x2="12" y2="12" />
+							<line x1="12" y1="8" x2="12.01" y2="8" />
+						</svg>
+					</button>
 					<button class="mobile-header-btn" onclick={() => ($showSettings = true)} title="Settings">
 						<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
 							<circle cx="12" cy="12" r="3" />
diff --git a/src/lib/components/InfoPanel.svelte b/src/lib/components/InfoPanel.svelte
index 6adf445..ff6d26a 100644
--- a/src/lib/components/InfoPanel.svelte
+++ b/src/lib/components/InfoPanel.svelte
@@ -96,7 +96,7 @@
 
 	function close() {
 		$showInfo = false;
-		activeTab = 'shortcuts';
+		activeTab = isMobile ? 'about' : 'shortcuts';
 	}
 
 	function openLink(url: string) {