From 194c89f6d115e2dca023d808eb4a3a6b87484483 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Fri, 22 May 2026 19:09:08 -0400
Subject: [PATCH] style(launcher): layout and Tailwind class adjustments
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

+layout.svelte: add lg:min-h-8/12 and max-h-screen to main content area.
launcher_background_sync.svelte: reposition sync monitor panel (bottom-15,
left-2, z-10 — was bottom-20, left-4, z-9999).
launcher_menu.svelte: reorder Tailwind classes for readability, no change
to applied styles.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../events/[event_id]/(launcher)/launcher/+layout.svelte    | 6 ++++--
 .../[event_id]/(launcher)/launcher_background_sync.svelte   | 2 +-
 .../events/[event_id]/(launcher)/launcher_menu.svelte       | 6 ++++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte b/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
index 02fcb6e7..f57cb9c5 100644
--- a/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
+++ b/src/routes/events/[event_id]/(launcher)/launcher/+layout.svelte
@@ -601,8 +601,10 @@ $effect(() => {
     class="
         static
         m-auto
-        mb-16 h-full w-full
-        max-w-7xl border-x
+        mb-16
+        lg:min-h-8/12 h-full max-h-screen
+        w-full max-w-7xl
+        border-x
         border-gray-200
         transition-all sm:mb-12
         dark:border-gray-600
diff --git a/src/routes/events/[event_id]/(launcher)/launcher_background_sync.svelte b/src/routes/events/[event_id]/(launcher)/launcher_background_sync.svelte
index 244a191c..daad20b9 100644
--- a/src/routes/events/[event_id]/(launcher)/launcher_background_sync.svelte
+++ b/src/routes/events/[event_id]/(launcher)/launcher_background_sync.svelte
@@ -645,7 +645,7 @@ async function force_location_sync() {
      and the sys bar (bottom-12 right-2). Panel grows upward from the status chip. -->
 {#if $events_loc.launcher.app_mode === 'native' || $ae_loc.is_native}
     <div
-        class="pointer-events-none fixed bottom-20 left-4 z-[9999] flex flex-col items-start gap-2">
+        class="pointer-events-none fixed bottom-15 left-2 z-10 flex flex-col items-start gap-2">
         {#if show_monitor}
             <div
                 class="bg-surface-50/95 dark:bg-surface-900/95 text-surface-800 dark:text-surface-100 border-surface-200 dark:border-primary-700 pointer-events-auto min-w-52 rounded-lg border p-3 font-mono text-[10px] shadow-2xl backdrop-blur-sm">
diff --git a/src/routes/events/[event_id]/(launcher)/launcher_menu.svelte b/src/routes/events/[event_id]/(launcher)/launcher_menu.svelte
index 7232e4af..1fac0c39 100644
--- a/src/routes/events/[event_id]/(launcher)/launcher_menu.svelte
+++ b/src/routes/events/[event_id]/(launcher)/launcher_menu.svelte
@@ -146,8 +146,10 @@ let ae_promises: key_val = $state({
 <div
     class="
         event_launcher_menu
-        flex h-full w-full max-w-full
-        shrink flex-col flex-wrap items-center justify-start gap-1
+        h-full
+        w-full max-w-full
+        flex flex-col flex-wrap items-center justify-start gap-1
+        shrink
 
         ">
     <!-- overflow-x-clip -->