From 87b69857975f5a3b85a7f37e118402f7db926853 Mon Sep 17 00:00:00 2001
From: memdmp <memdmp@estrogen.zone>
Date: Thu, 24 Jul 2025 09:49:02 +0000
Subject: feat: some more font shit, i18n for vbg

---
 src/lib/Timetable.svelte | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

(limited to 'src/lib/Timetable.svelte')

diff --git a/src/lib/Timetable.svelte b/src/lib/Timetable.svelte
index 7707bcb..d246579 100644
--- a/src/lib/Timetable.svelte
+++ b/src/lib/Timetable.svelte
@@ -396,35 +396,57 @@
         </p>
         <p class="py-1">
           Examples:
-          <span class="pt-2 flex flex-wrap gap-2">
+          <span class="pt-2 flex flex-wrap gap-2 max-w-xl">
             <button
               class="{S.button('secondary').replace(
                 'not-disabled:bg-[#0000]',
                 'not-disabled:bg-[#2E2E3299]'
-              )} flex-1 text-nowrap p-3"
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
               onclick={() => setSearch('Zürich HB')}>Zürich HB</button
             >
             <button
               class="{S.button('secondary').replace(
                 'not-disabled:bg-[#0000]',
                 'not-disabled:bg-[#2E2E3299]'
-              )} flex-1 text-nowrap p-3"
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
+              onclick={() => setSearch('Bielefeld Hbf')}>Bielefeld Hbf</button
+            >
+            <button
+              class="{S.button('secondary').replace(
+                'not-disabled:bg-[#0000]',
+                'not-disabled:bg-[#2E2E3299]'
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
               onclick={() => setSearch('Berlin Hbf')}>Berlin Hbf</button
             >
             <button
               class="{S.button('secondary').replace(
                 'not-disabled:bg-[#0000]',
                 'not-disabled:bg-[#2E2E3299]'
-              )} flex-1 text-nowrap p-3"
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
               onclick={() => setSearch('Hamburg Hbf')}>Hamburg Hbf</button
             >
             <button
               class="{S.button('secondary').replace(
                 'not-disabled:bg-[#0000]',
                 'not-disabled:bg-[#2E2E3299]'
-              )} flex-1 text-nowrap p-3"
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
               onclick={() => setSearch('Bern')}>Bern</button
             >
+            <button
+              class="{S.button('secondary').replace(
+                'not-disabled:bg-[#0000]',
+                'not-disabled:bg-[#2E2E3299]'
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
+              onclick={() => setSearch('Basel SBB')}>Basel SBB</button
+            >
+            <button
+              class="{S.button('secondary').replace(
+                'not-disabled:bg-[#0000]',
+                'not-disabled:bg-[#2E2E3299]'
+              )} flex-1 text-nowrap p-3 w-max min-w-20"
+              onclick={() => setSearch('Genève-Aéroport')}
+              >Genève-Aéroport</button
+            >
           </span>
         </p>
       {/if}
-- 
cgit v1.2.3

