From 65e89988943807c1606a8b6aea49564b13d52537 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Thu, 16 Feb 2023 11:26:37 +0100
Subject: [PATCH] set table-layout:fixed + display when loaded

ref #146
---
 src/components/runners/RunnersOverview.svelte | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/runners/RunnersOverview.svelte b/src/components/runners/RunnersOverview.svelte
index c93f3f89..d16321e3 100644
--- a/src/components/runners/RunnersOverview.svelte
+++ b/src/components/runners/RunnersOverview.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { getLocaleFromNavigator, _ } from "svelte-i18n";
+  import { _ } from "svelte-i18n";
   import {
     RunnerService,
     RunnerTeamService,
@@ -11,11 +11,13 @@
   import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
   import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
   import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
+  let pageLoaded = false;
   $: searchvalue = "";
   $: active_deletes = [];
   export let current_runners = [];
   const runners_promise = RunnerService.runnerControllerGetAll().then((val) => {
     current_runners = val;
+    pageLoaded = true;
   });
   $: selectedFilter_teams = null;
   $: selectedFilter = null;
@@ -101,8 +103,10 @@
           bind:generate_runners />
       </div>
       <div
-        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
-        <table class="divide-y divide-gray-200 w-full">
+        class:hidden={!pageLoaded}
+        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll"
+      >
+        <table class="divide-y divide-gray-200 w-full table-fixed">
           <thead class="bg-gray-50">
             <tr>
               <th