@import url("/assets/md.css")fix: awawa things

@import url("/assets/md.css")

1 files changed, 75 insertions, 55 deletions

diff --git a/src/lib/Timetable.svelte b/src/lib/Timetable.svelte
index 96e0c03..22f9139 100644
--- a/src/lib/Timetable.svelte
+++ b/src/lib/Timetable.svelte
@@ -372,7 +372,7 @@
   {/each}
 {:else}
   <div class="flex items-center justify-center">
-    <div class="results">
+    <div class="results max-w-2xl">
       {#if (placeName || placeId) && isResultsPage}
         <h2 class="text-2xl opacity-90">{m.no_results_title()}</h2>
         <p>
@@ -389,60 +389,80 @@
         <p class="pb-1">
           {m.welcome_body_1()}
         </p>
-        <p class="py-1">
-          <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 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 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 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 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>
+        <div
+          class="pb-1 pt-3 flex flex-wrap gap-2 w-full max-w-2xl justify-center"
+        >
+          <button
+            class="{S.button('secondary').replace(
+              'not-disabled:bg-[#0000]',
+              'not-disabled:bg-[#2E2E3299]'
+            )} flex-1 text-nowrap p-3 min-w-max"
+            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 min-w-max"
+            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 min-w-max"
+            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 min-w-max"
+            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 min-w-max"
+            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 min-w-max"
+            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 min-w-max"
+            onclick={() => setSearch('Genève-Aéroport')}>Genève-Aéroport</button
+          >
+          <button
+            class="{S.button('secondary').replace(
+              'not-disabled:bg-[#0000]',
+              'not-disabled:bg-[#2E2E3299]'
+            )} flex-1 text-nowrap p-3 min-w-max"
+            onclick={() => setSearch('Max-Weber-Platz')}>Max-Weber-Platz</button
+          >
+          <button
+            class="{S.button('secondary').replace(
+              'not-disabled:bg-[#0000]',
+              'not-disabled:bg-[#2E2E3299]'
+            )} flex-1 text-nowrap p-3 min-w-max"
+            onclick={() => setSearch('Lindau-Reutin')}>Lindau-Reutin</button
+          >
+          <button
+            class="{S.button('secondary').replace(
+              'not-disabled:bg-[#0000]',
+              'not-disabled:bg-[#2E2E3299]'
+            )} flex-1 text-nowrap p-3 min-w-max"
+            onclick={() => setSearch('Lindau-Reutin')}>Lindau-Reutin</button
+          >
+        </div>
       {/if}
     </div>
   </div>