src/Beamershow.svelte

@@ -140,13 +140,13 @@
   class="min-h-screen flex items-center justify-center bg-gray-100"
   style="background-image: url('/beamershow_background.png');background-position: center;background-size: contain;background-repeat:no-repeat;"
 >
-  <div class="w-full">
-    <div style="width:55vw;" class="mx-auto">
-      <!--  -->
+  <div class="max-w-xl w-full">
     {#if current_page === "general"}
       <div transition:slide|local>
-          <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900">
-            Statistiken
+        <h1
+          class="mr-6 text-7xl font-semibold text-center text-gray-900 font-mono"
+        >
+          {hours}:{minutes}:{seconds}
         </h1>
         <!--  -->
         <div class="flex flex-wrap -mx-1 overflow-hidden mt-5">
@@ -178,9 +178,7 @@
       </div>
     {:else if current_page === "runners_distance"}
       <div transition:slide|local>
-          <h1
-            class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5"
-          >
+        <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
           {$_("top-laeufer")} ({$_("distanz")})
         </h1>
         <table class="table p-4 bg-white shadow rounded-lg w-full">
@@ -231,9 +229,7 @@
       </div>
     {:else if current_page === "runners_laptime"}
       <div transition:slide|local>
-          <h1
-            class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5"
-          >
+        <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
           {$_("top-laeufer")} ({$_("rundenzeit")})
         </h1>
         <table class="table p-4 bg-white shadow rounded-lg w-full">
@@ -284,9 +280,7 @@
       </div>
     {:else if current_page === "orgs_distance"}
       <div transition:slide|local>
-          <h1
-            class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5"
-          >
+        <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
           {$_("top-organsiationen")}
         </h1>
         <table class="table p-4 bg-white shadow rounded-lg w-full">
@@ -328,9 +322,7 @@
       </div>
     {:else if current_page === "teams_distance"}
       <div transition:slide|local>
-          <h1
-            class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5"
-          >
+        <h1 class="mr-6 text-7xl font-semibold text-center text-gray-900 mb-5">
           {$_("top-teams")}
         </h1>
         <table class="table p-4 bg-white shadow rounded-lg w-full">
@@ -374,10 +366,4 @@
       <!-- content here -->
     {/if}
   </div>
-  </div>
-  <h1
-    class="text-5xl font-semibold text-center text-gray-900 font-mono bottom-2 w-full fixed"
-  >
-    {hours}:{minutes}:{seconds}
-  </h1>
 </div>