chore(release): 1.11.0

fix(cardassignment): debounce w/ immediate start
feat(cards): badge style for runner links
2025-04-22 22:26:14 +02:00 · 2025-04-22 22:25:54 +02:00 · 2025-04-22 22:05:29 +02:00 · 2025-04-22 22:03:23 +02:00 · 2025-04-22 21:59:15 +02:00 · 2025-04-22 21:57:59 +02:00
64 changed files with 1259 additions and 6064 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -2,9 +2,24 @@

 All notable changes to this project will be documented in this file. Dates are displayed in UTC.

+#### [1.11.0](https://git.odit.services/lfk/frontend/compare/1.10.6...1.11.0)
+
+- chore: move to tailwind v4 [`81a8ce0`](https://git.odit.services/lfk/frontend/commit/81a8ce002cd5a470f5ac4f064360c09bcf815ac8)
+- chore(deps): bump [`244be47`](https://git.odit.services/lfk/frontend/commit/244be471f07a6ab77768fb599cc2381a319e4e22)
+- chore: move privacy & imprint to website links [`3288ffb`](https://git.odit.services/lfk/frontend/commit/3288ffb3cc52bcfbb2b94c373932e9d614fba80f)
+- fix: modal position & z index [`a12c4f8`](https://git.odit.services/lfk/frontend/commit/a12c4f87d2db2271a6b123c3a009bd8d2f7663a4)
+- chore: tailwind class cleanup [`80ab4e0`](https://git.odit.services/lfk/frontend/commit/80ab4e037e44edf1f076d4a365ef36c614e7cb0a)
+- fix(cardassignment): debounce w/ immediate start [`1d6ed99`](https://git.odit.services/lfk/frontend/commit/1d6ed990736c6156b67f0715ee1f86aeb2be0390)
+- fix(RunnerDetail): move to standard html select for groups [`e1bf435`](https://git.odit.services/lfk/frontend/commit/e1bf435080a3845a4a29f9b8bce7aba3e9220cf9)
+- feat(ImportRunnerModal): sort groups by name [`3124574`](https://git.odit.services/lfk/frontend/commit/312457494cb0da805df5ec2811604ea45a09963d)
+- feat(cards): badge style for runner links [`1605b0f`](https://git.odit.services/lfk/frontend/commit/1605b0f7b2c12d2b247f40aefc03d2d053fea60d)
+
 #### [1.10.6](https://git.odit.services/lfk/frontend/compare/1.10.5...1.10.6)

+> 22 April 2025
+
 - feat: improved mobile card assignment [`d841727`](https://git.odit.services/lfk/frontend/commit/d841727439e42c940d56001f08da4ae2399176a7)
+- chore(release): 1.10.6 [`3fab344`](https://git.odit.services/lfk/frontend/commit/3fab3447799a5a28db741643189a2c4217b03714)

 #### [1.10.5](https://git.odit.services/lfk/frontend/compare/1.10.4...1.10.5)

--- a/index.html
+++ b/index.html
@ -13,7 +13,7 @@

  <body>
    <span style="display: none; visibility: hidden" id="buildinfo"
-      >RELEASE_INFO-1.10.6-RELEASE_INFO</span
+      >RELEASE_INFO-1.11.0-RELEASE_INFO</span
    >
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <script src="/env.js"></script>
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "@odit/lfk-frontend",
-  "version": "1.10.6",
+  "version": "1.11.0",
  "type": "module",
  "scripts": {
    "i18n-order": "node order.js",
@ -14,15 +14,14 @@
  "devDependencies": {
    "@odit/license-exporter": "0.2.0",
    "@sveltejs/vite-plugin-svelte": "2.1.1",
+    "@types/papaparse": "^5.3.15",
+    "@types/underscore": "^1.13.0",
    "auto-changelog": "2.5.0",
-    "autoprefixer": "10.4.21",
-    "postcss": "8.5.3",
    "prettier": "3.5.3",
    "prettier-plugin-svelte": "3.3.3",
    "release-it": "17.10.0",
    "svelte-select": "3.17.0",
-    "tailwindcss": "3.4.15",
-    "vite": "4.3.3"
+    "vite": "6.3.2"
  },
  "release-it": {
    "git": {
@ -42,20 +41,22 @@
    }
  },
  "dependencies": {
+    "@bwip-js/browser": "^4.6.0",
    "@fontsource/athiti": "^5.2.5",
    "@odit/lfk-client-js": "1.2.4",
    "@paralleldrive/cuid2": "2.2.2",
+    "@tailwindcss/vite": "^4.1.4",
    "@tanstack/svelte-table": "8.9.1",
-    "bwip-js": "3.4.0",
    "check-password-strength": "2.0.10",
-    "csvtojson": "2.0.10",
    "html5-qrcode": "^2.3.8",
    "localforage": "1.10.0",
-    "marked": "4.3.0",
+    "papaparse": "^5.5.2",
    "svelte": "3.58.0",
    "svelte-french-toast": "1.2.0",
-    "svelte-i18n": "3.6.0",
+    "svelte-i18n": "4.0.1",
+    "tailwindcss": "^4.1.4",
    "tinro": "0.6.12",
+    "underscore": "^1.13.7",
    "validator": "13.15.0",
    "xlsx": "0.18.5"
  },
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};
--- a/public/licenses.json
+++ b/public/licenses.json
--- a/public/privacy_en.md
+++ b/public/privacy_en.md
@ -1 +0,0 @@
-Nostrud tempor dolor aute ea excepteur aute mollit elit eiusmod exercitation. Magna laborum pariatur adipisicing pariatur cupidatat exercitation duis aliquip pariatur sint exercitation deserunt labore. Consectetur id laboris dolore nostrud do velit ipsum. Eu laboris velit do commodo ad ea sint ex cillum. Cillum ipsum qui eiusmod laborum mollit sunt dolore incididunt. Cillum sunt culpa veniam voluptate et qui ut magna anim occaecat ut mollit dolor. Duis irure proident eu incididunt dolore sunt nisi aute dolore amet eu fugiat laboris quis.
--- a/src/App.svelte
+++ b/src/App.svelte
@ -54,8 +54,6 @@
  import UserPermissions from "./components/users/UserPermissions.svelte";
  import GroupPermissions from "./components/groups/GroupPermissions.svelte";
  import RunnerDetail from "./components/runners/RunnerDetail.svelte";
-  import Imprint from "./components/general/Imprint.svelte";
-  import Privacy from "./components/general/Privacy.svelte";
  import ResetPassword from "./components/auth/ResetPassword.svelte";
  import Contacts from "./components/contacts/Contacts.svelte";
  import ContactDetail from "./components/contacts/ContactDetail.svelte";
@ -88,14 +86,6 @@
    <Route path="/about">
      <About />
    </Route>
-  {:else if $router.path === "/imprint"}
-    <Route path="/imprint">
-      <Imprint />
-    </Route>
-  {:else if $router.path === "/privacy"}
-    <Route path="/privacy">
-      <Privacy />
-    </Route>
  {:else if $store.isLoggedIn}
    <Dashboard>
      <Transition>
--- a/src/components/base/PromiseError.svelte
+++ b/src/components/base/PromiseError.svelte
@ -5,7 +5,7 @@

 <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
  <span class="inline-block align-middle mr-8">
-    <b class="capitalize">{$_("general_promise_error")}</b>
+    <b>{$_("general_promise_error")}</b>
    {error}
  </span>
 </div>
--- a/src/components/cards/AddCardModal.svelte
+++ b/src/components/cards/AddCardModal.svelte
@ -104,7 +104,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
@ -148,7 +148,7 @@
                    >{$_("runner")}</label
                  >
                  <Select
-                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
                    itemFilter={(label, filterText, option) =>
                      filterRunners(label, filterText, option)}
                    items={runners}
--- a/src/components/cards/CardDetailModal.svelte
+++ b/src/components/cards/CardDetailModal.svelte
@ -98,7 +98,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
@ -139,7 +139,7 @@
                    >{$_("runner")}</label
                  >
                  <Select
-                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
                    itemFilter={(label, filterText, option) =>
                      filterRunners(label, filterText, option)}
                    items={runners}
--- a/src/components/cards/CardRunner.svelte
+++ b/src/components/cards/CardRunner.svelte
@ -6,7 +6,7 @@
 {#if !runner}
  {$_("non-blanko")}
 {:else}
-  <a href={`/runners/${runner.id}`}>
+  <a class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full border border-current bg-blue-100 text-blue-800" href={`/runners/${runner.id}`}>
    {#if runner.middlename}
      {runner.firstname} {runner.middlename} {runner.lastname}
    {:else}
--- a/src/components/cards/DeleteCardModal.svelte
+++ b/src/components/cards/DeleteCardModal.svelte
@ -54,7 +54,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/contacts/AddContactModal.svelte
+++ b/src/components/contacts/AddContactModal.svelte
@ -156,7 +156,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/contacts/ContactsOverview.svelte
+++ b/src/components/contacts/ContactsOverview.svelte
@ -190,7 +190,7 @@
 	{:catch error}
 		<div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
 			<span class="inline-block align-middle mr-8">
-				<b class="capitalize">{$_("general_promise_error")}</b>
+				<b>{$_("general_promise_error")}</b>
 				{error}
 			</span>
 		</div>
--- a/src/components/dashboard/MainDashContent.svelte
+++ b/src/components/dashboard/MainDashContent.svelte
@ -255,7 +255,7 @@
 	{:catch error}
 		<div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
 			<span class="inline-block align-middle mr-8">
-				<b class="capitalize">{$_("general_promise_error")}</b>
+				<b>{$_("general_promise_error")}</b>
 				{error}
 			</span>
 		</div>
--- a/src/components/donations/AddDonationModal.svelte
+++ b/src/components/donations/AddDonationModal.svelte
@ -135,7 +135,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
@ -192,7 +192,7 @@
                    >{$_("donor")}</label
                  >
                  <Select
-                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
                    itemFilter={(label, filterText, option) =>
                      filterDonors(label, filterText, option)}
                    items={donors}
@ -212,7 +212,7 @@
                      >{$_("runner")}</label
                    >
                    <Select
-                      containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+                      containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
                      itemFilter={(label, filterText, option) =>
                        filterDonors(label, filterText, option)}
                      items={runners}
--- a/src/components/donations/AddDonationPaymentModal.svelte
+++ b/src/components/donations/AddDonationPaymentModal.svelte
@ -96,7 +96,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/donations/DeleteDonationModal.svelte
+++ b/src/components/donations/DeleteDonationModal.svelte
@ -57,7 +57,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/donations/DonationDetail.svelte
+++ b/src/components/donations/DonationDetail.svelte
@ -236,7 +236,7 @@
 				>{$_("donor")}</label
 			>
 			<Select
-				containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+				containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
 				itemFilter={(label, filterText, option) =>
 					filterDonors(label, filterText, option)}
 				items={current_donors}
@ -259,7 +259,7 @@
 					>{$_("runner")}</label
 				>
 				<Select
-					containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+					containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
 					itemFilter={(label, filterText, option) =>
 						filterDonors(label, filterText, option)}
 					items={current_runners}
--- a/src/components/donors/AddDonorModal.svelte
+++ b/src/components/donors/AddDonorModal.svelte
@ -144,7 +144,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/donors/ConfirmDonorDeletion.svelte
+++ b/src/components/donors/ConfirmDonorDeletion.svelte
@ -34,7 +34,7 @@
 				aria-hidden="true">&#8203;</span
 			>
 			<div
-				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
 				role="dialog"
 				aria-modal="true"
 				aria-labelledby="modal-headline"
--- a/src/components/general/About.svelte
+++ b/src/components/general/About.svelte
@ -44,7 +44,7 @@
 				aria-hidden="true">&#8203;</span
 			>
 			<div
-				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
 				role="dialog"
 				aria-modal="true"
 				aria-labelledby="modal-headline"
@ -158,7 +158,7 @@
 				class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500"
 			>
 				<span class="inline-block align-middle mr-8">
-					<b class="capitalize">{$_("general_promise_error")}</b>
+					<b>{$_("general_promise_error")}</b>
 					{error}
 				</span>
 			</div>
--- a/src/components/general/Footer.svelte
+++ b/src/components/general/Footer.svelte
@ -1,51 +1,55 @@
 <script>
-  import { onMount } from "svelte";
-  import { _ } from "svelte-i18n";
-  $: releaseinfo = "";
-  onMount(() => {
-    releaseinfo = document
-      .getElementById("buildinfo")
-      .textContent.replace("RELEASE_INFO-", "")
-      .replace("-RELEASE_INFO", "");
-  });
-  const year = new Date().getFullYear();
+	import { onMount } from "svelte";
+	import { _ } from "svelte-i18n";
+	$: releaseinfo = "";
+	onMount(() => {
+		releaseinfo = document
+			.getElementById("buildinfo")
+			.textContent.replace("RELEASE_INFO-", "")
+			.replace("-RELEASE_INFO", "");
+	});
+	const year = new Date().getFullYear();
 </script>

 <footer class="p-5 w-full">
-  <p class="text-sm text-gray-500 mt-4">
-    Lauf für Kaya! Läufersystem - Copyright ©
-    {year}
-    + proudly powered by
-    <a
-      class="underline"
-      href="https://odit.services"
-      rel="noopener,noreferrer"
-      target="_blank">ODIT.Services</a
-    >
-  </p>
-  <p class="text-sm text-gray-500 mt-4">
-    <a
-      class="underline"
-      target="_blank"
-      rel="noopener, noreferrer"
-      href="https://git.odit.services/lfk/frontend/">LfK!Frontend</a
-    >@<a
-      class="underline"
-      target="_blank"
-      rel="noopener, noreferrer"
-      href="https://git.odit.services/lfk/frontend/src/tag/{releaseinfo}"
-      >{releaseinfo}</a
-    >
-    -
-    <a
-      rel="noopener, noreferrer"
-      class="underline"
-      href="https://docs.lauf-fuer-kaya.de"
-      target="_blank">{$_("documentation")}</a
-    >
-    -
-    <a class="underline" href="/privacy">{$_("privacy")}</a>
-    -
-    <a class="underline" href="/imprint">{$_("imprint")}</a>
-  </p>
+	<p class="text-sm text-gray-500 mt-4">
+		Lauf für Kaya! Läufersystem - Copyright ©
+		{year}
+		+ proudly powered by
+		<a
+			class="underline"
+			href="https://odit.services"
+			rel="noopener,noreferrer"
+			target="_blank">ODIT.Services</a
+		>
+	</p>
+	<p class="text-sm text-gray-500 mt-4">
+		<a
+			class="underline"
+			target="_blank"
+			rel="noopener, noreferrer"
+			href="https://git.odit.services/lfk/frontend/">LfK!Frontend</a
+		>@<a
+			class="underline"
+			target="_blank"
+			rel="noopener, noreferrer"
+			href="https://git.odit.services/lfk/frontend/src/tag/{releaseinfo}"
+			>{releaseinfo}</a
+		>
+		-
+		<a
+			rel="noopener, noreferrer"
+			class="underline"
+			href="https://docs.lauf-fuer-kaya.de"
+			target="_blank">{$_("documentation")}</a
+		>
+		-
+		<a class="underline" href="https://lauf-fuer-kaya.de/datenschutz/"
+			>{$_("privacy")}</a
+		>
+		-
+		<a class="underline" href="https://lauf-fuer-kaya.de/impressum/"
+			>{$_("imprint")}</a
+		>
+	</p>
 </footer>
--- a/src/components/general/Imprint.svelte
+++ b/src/components/general/Imprint.svelte
@ -1,52 +0,0 @@
-<script>
-  import { _, getLocaleFromNavigator } from "svelte-i18n";
-  import { parse } from "marked";
-  import Footer from "./Footer.svelte";
-  // import * as css from "../base/simple.css";
-  let html = "";
-  async function load() {
-    let md = await fetch("/imprint_" + getLocaleFromNavigator() + ".md");
-    let text = (await md.text()).toString();
-    if (text.includes("<meta")) {
-      md.ok = false;
-    }
-    if (!md.ok) {
-      md = await fetch("/imprint_en.md");
-      text = await md.text();
-    }
-    html = parse(text);
-  }
-  const promise = load();
-</script>
-
-<div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12">
-  <div class="text-center mb-8">
-    <h1
-      class="mt-9 font-display text-4xl leading-none font-semibold text-white sm:text-5xl lg:text-6xl"
-    >
-      {$_("imprint")}
-    </h1>
-  </div>
-</div>
-
-<div class="pt-0 pb-16 overflow-hidden lg:pt-12 lg:py-24">
-  <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
-    {#await promise}
-      <p class="text-center w-full">{$_("imprint-loading")}</p>
-    {:then}
-      <div class="simplecontent">
-        {@html html}
-      </div>
-    {:catch error}
-      <div
-        class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500"
-      >
-        <span class="inline-block align-middle mr-8">
-          <b class="capitalize">{$_("general_promise_error")}</b>
-          {error}
-        </span>
-      </div>
-    {/await}
-  </div>
-</div>
-<Footer />
--- a/src/components/general/Privacy.svelte
+++ b/src/components/general/Privacy.svelte
@ -1,52 +0,0 @@
-<script>
-  import { _, getLocaleFromNavigator } from "svelte-i18n";
-  import { parse } from "marked";
-  import Footer from "./Footer.svelte";
-  // import * as css from "../base/simple.css?inline";
-  let html = "";
-  async function load() {
-    let md = await fetch("/privacy_" + getLocaleFromNavigator() + ".md");
-    let text = (await md.text()).toString();
-    if (text.includes("<meta")) {
-      md.ok = false;
-    }
-    if (!md.ok) {
-      md = await fetch("/privacy_en.md");
-      text = await md.text();
-    }
-    html = parse(text);
-  }
-  const promise = load();
-</script>
-
-<div class="pt-12 px-4 sm:px-6 lg:px-8 lg:pt-20 bg-gray-900 pb-12">
-  <div class="text-center mb-8">
-    <h1
-      class="mt-9 font-display text-4xl leading-none font-semibold text-white sm:text-5xl lg:text-6xl"
-    >
-      {$_("privacy")}
-    </h1>
-  </div>
-</div>
-
-<div class="pt-0 pb-16 overflow-hidden lg:pt-12 lg:py-24">
-  <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
-    {#await promise}
-      <p class="text-center w-full">{$_("privacy-loading")}</p>
-    {:then}
-      <div class="simplecontent">
-        {@html html}
-      </div>
-    {:catch error}
-      <div
-        class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500"
-      >
-        <span class="inline-block align-middle mr-8">
-          <b class="capitalize">{$_("general_promise_error")}</b>
-          {error}
-        </span>
-      </div>
-    {/await}
-  </div>
-</div>
-<Footer />
--- a/src/components/general/QrCodeScanner.svelte
+++ b/src/components/general/QrCodeScanner.svelte
@ -4,8 +4,8 @@
 		Html5QrcodeScanner,
 		Html5QrcodeScanType,
 		Html5QrcodeSupportedFormats,
-		Html5QrcodeScannerState,
 	} from "html5-qrcode";
+	import { debounce } from "underscore";

 	export let width;
 	export let height;
@ -13,23 +13,17 @@

 	const dispatch = createEventDispatcher();

-	const debounceFunc = (func, delay) => {
-		let timer;
-		return function (...args) {
-			const context = this;
-			clearTimeout(timer);
-			timer = setTimeout(() => {
-				func.apply(context, args);
-			}, delay);
-		};
-	};
-
-	const debouncedDispatch = debounceFunc(function (decodedText) {
-		console.log("dispatchEvent");
-		dispatch("detect", { decodedText });
-	}, 500);
+	const debouncedDispatch = debounce(
+		function (decodedText) {
+			// console.log("dispatchEvent");
+			dispatch("detect", { decodedText });
+		},
+		500,
+		true
+	);

 	function onScanSuccess(decodedText, decodedResult) {
+		// console.log("onScanSuccess", decodedText);
 		if (!paused) {
 			debouncedDispatch(decodedText);
 		}
--- a/src/components/groups/AddGroupModal.svelte
+++ b/src/components/groups/AddGroupModal.svelte
@ -79,7 +79,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/groups/UserGroupsOverview.svelte
+++ b/src/components/groups/UserGroupsOverview.svelte
@ -140,7 +140,7 @@
  {:catch error}
    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
      <span class="inline-block align-middle mr-8">
-        <b class="capitalize">{$_("general_promise_error")}</b>
+        <b>{$_("general_promise_error")}</b>
        {error}
      </span>
    </div>
--- a/src/components/orgs/AddOrgModal.svelte
+++ b/src/components/orgs/AddOrgModal.svelte
@ -102,7 +102,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/orgs/ConfirmOrgDeletionModal.svelte
+++ b/src/components/orgs/ConfirmOrgDeletionModal.svelte
@ -45,7 +45,7 @@
 				aria-hidden="true">&#8203;</span
 			>
 			<div
-				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
 				role="dialog"
 				aria-modal="true"
 				aria-labelledby="modal-headline"
--- a/src/components/orgs/OrgDetail.svelte
+++ b/src/components/orgs/OrgDetail.svelte
@ -224,7 +224,7 @@
 				>{$_("contact")}</label
 			>
 			<Select
-				containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+				containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
 				itemFilter={(label, filterText, option) =>
 					label.toLowerCase().includes(filterText.toLowerCase()) ||
 					option.value.id.toString().startsWith(filterText.toLowerCase())}
--- a/src/components/orgs/Orgs.svelte
+++ b/src/components/orgs/Orgs.svelte
@ -230,7 +230,7 @@
 				class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500"
 			>
 				<span class="inline-block align-middle mr-8">
-					<b class="capitalize">{$_("general_promise_error")}</b>
+					<b>{$_("general_promise_error")}</b>
 					{error}
 				</span>
 			</div>
--- a/src/components/pdf_generation/DownloadProgressModal.svelte
+++ b/src/components/pdf_generation/DownloadProgressModal.svelte
@ -42,7 +42,7 @@
 				aria-hidden="true">&#8203;</span
 			>
 			<div
-				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
 				role="dialog"
 				aria-modal="true"
 				aria-labelledby="modal-headline"
--- a/src/components/runners/AddRunnerModal.svelte
+++ b/src/components/runners/AddRunnerModal.svelte
@ -137,7 +137,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
@ -248,7 +248,7 @@
                    >{$_("team")}</label
                  >
                  <Select
-                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
                    itemFilter={(label, filterText, option) =>
                      label.toLowerCase().includes(filterText.toLowerCase()) ||
                      option.value.id
--- a/src/components/runners/DeleteRunnerModal.svelte
+++ b/src/components/runners/DeleteRunnerModal.svelte
@ -51,7 +51,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/runners/ImportRunnerModal.svelte
+++ b/src/components/runners/ImportRunnerModal.svelte
@ -1,5 +1,5 @@
 <script>
-	import csv from "csvtojson";
+	import { parse } from "papaparse";
 	import { read as readXlsx, utils as xlsx_utils } from "xlsx";
 	import { _ } from "svelte-i18n";
 	import { clickOutside } from "../base/outsideclick";
@ -10,7 +10,6 @@
 		RunnerOrganizationService,
 	} from "@odit/lfk-client-js";
 	import { createEventDispatcher } from "svelte";
-	import Select from "svelte-select";
 	import toast from "svelte-french-toast";
 	export let opened_from;
 	export let passed_org;
@ -46,6 +45,7 @@
 			return { label: r.name, value: `ORG_${r.id}` };
 		});
 		groups = groups.concat(orgs);
+		groups.sort((a, b) => a.label.localeCompare(b.label));
 		RunnerTeamService.runnerTeamControllerGetAll().then((val) => {
 			const teams = val.map((r) => {
 				return {
@ -54,6 +54,7 @@
 				};
 			});
 			groups = groups.concat(teams);
+			groups.sort((a, b) => a.label.localeCompare(b.label));
 		});
 	});
 	let selected_org;
@ -62,29 +63,31 @@
 	let recent_processed = true;
 	$: json_output = [];
 	$: {
-		if (files) {
-			if (
-				files[0].type ===
-				"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-			) {
-				const reader = new FileReader();
-				reader.addEventListener("load", async (e) => {
-					const data = new Uint8Array(e.target.result);
-					const out = readXlsx(data, { type: "array" });
-					json_output = xlsx_utils.sheet_to_json(
-						out.Sheets[Object.keys(out.Sheets)[0]]
-					);
-				});
-				reader.readAsArrayBuffer(files[0]);
-			} else {
-				const reader = new FileReader();
-				reader.addEventListener("load", async (e) => {
-					json_output = await csv({
-						delimiter: [";", ","],
-						trim: true,
-					}).fromString(e.target.result);
-				});
-				reader.readAsText(files[0]);
+		if (json_output.length === 0) {
+			if (files) {
+				if (
+					files[0].type ===
+					"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+				) {
+					const reader = new FileReader();
+					reader.addEventListener("loadend", (e) => {
+						const data = new Uint8Array(e.target.result);
+						const out = readXlsx(data, { type: "array" });
+						json_output = xlsx_utils.sheet_to_json(
+							out.Sheets[Object.keys(out.Sheets)[0]]
+						);
+					});
+					reader.readAsArrayBuffer(files[0]);
+				} else {
+					const reader = new FileReader();
+					reader.addEventListener("loadend", (e) => {
+						json_output = parse(e.target.result, {
+							delimitersToGuess: [";", ","],
+							header: true,
+						}).data;
+					});
+					reader.readAsText(files[0]);
+				}
 			}
 		}
 	}
@ -207,7 +210,7 @@
 				aria-hidden="true">&#8203;</span
 			>
 			<div
-				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
 				role="dialog"
 				aria-modal="true"
 				aria-labelledby="modal-headline"
--- a/src/components/runners/RunnerDetail.svelte
+++ b/src/components/runners/RunnerDetail.svelte
@ -52,12 +52,17 @@
 					return { label: r.name, value: r };
 				});
 				groups = groups.concat(orgs);
+				groups.sort((a, b) => a.label.localeCompare(b.label));
 				RunnerTeamService.runnerTeamControllerGetAll().then((val) => {
 					const teams = val.map((r) => {
 						return { label: `${r.parentGroup.name} > ${r.name}`, value: r };
 					});
 					groups = groups.concat(teams);
-					group = groups.find((g) => g.value.id == editable.group);
+					groups.sort((a, b) => a.label.localeCompare(b.label));
+					let tmp_group = groups.find((g) => g.value.id == editable.group);
+					if (tmp_group) {
+						group = tmp_group.value.id;
+					}
 				});
 			}
 		);
@ -270,21 +275,14 @@
 		</div>
 		<div class="text-sm w-full mt-2">
 			<span class="font-semibold text-gray-700">{$_("group")}</span>
-			<Select
-				containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
-				itemFilter={(label, filterText, option) =>
-					label.toLowerCase().includes(filterText.toLowerCase()) ||
-					option.id.value.toString().startsWith(filterText.toLowerCase())}
-				items={groups}
-				showChevron={true}
-				placeholder={$_("search-for-an-organization-or-team-by-name-or-id")}
-				noOptionsMessage={$_("no-organization-or-team-found")}
-				bind:selectedValue={group}
-				on:select={(selectedValue) => {
-					editable.group = selectedValue.detail.value.id;
-				}}
-				on:clear={() => (editable.group = null)}
-			/>
+			<select
+				class="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+				bind:value={editable.group}
+			>
+				{#each groups as g}
+					<option value={g.value.id}>{g.label}</option>
+				{/each}
+			</select>
 		</div>
 		<div class="text-sm w-full mt-2">
 			<span class="font-semibold text-gray-700">{$_("distance")}</span>
@ -292,7 +290,7 @@
 			<span class="text-gray-700">{original_data.distance / 1000} km</span>
 		</div>
 		<div class="text-sm w-full mt-2">
-			<span class="font-semibold text-gray-700">{$_('created_via')}</span>
+			<span class="font-semibold text-gray-700">{$_("created_via")}</span>
 			<br />
 			<span class="text-gray-700">{original_data.created_via}</span>
 		</div>
--- a/src/components/scans/AddScanModal.svelte
+++ b/src/components/scans/AddScanModal.svelte
@ -88,7 +88,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
@ -131,7 +131,7 @@
                    >{$_("runner")}</label
                  >
                  <Select
-                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
                    itemFilter={(label, filterText, option) =>
                      filterRunners(label, filterText, option)}
                    items={runners}
--- a/src/components/scans/DeleteScanModal.svelte
+++ b/src/components/scans/DeleteScanModal.svelte
@ -53,7 +53,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/scans/ScanDetail.svelte
+++ b/src/components/scans/ScanDetail.svelte
@ -218,7 +218,7 @@
 				>{$_("runner")}</label
 			>
 			<Select
-				containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+				containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
 				itemFilter={(label, filterText, option) =>
 					filterRunners(label, filterText, option)}
 				items={current_runners}
--- a/src/components/scanstations/AddScanStationModal.svelte
+++ b/src/components/scanstations/AddScanStationModal.svelte
@ -92,7 +92,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
@ -133,7 +133,7 @@
                    class="block text-sm font-medium text-gray-700">Track</label
                  >
                  <Select
-                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
                    itemFilter={(label, filterText, option) =>
                      label.toLowerCase().includes(filterText.toLowerCase()) ||
                      option.value.id
--- a/src/components/scanstations/ConfirmScanStationDeletion.svelte
+++ b/src/components/scanstations/ConfirmScanStationDeletion.svelte
@ -42,7 +42,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/scanstations/CopyScanStationTokenModal.svelte
+++ b/src/components/scanstations/CopyScanStationTokenModal.svelte
@ -1,7 +1,7 @@
 <script>
 	import { _ } from "svelte-i18n";
 	import { tick } from "svelte";
-	import bwipjs from "bwip-js";
+	import { toCanvas } from "@bwip-js/browser";
 	import toast from "svelte-french-toast";

 	export let copy_modal_open;
@ -51,7 +51,7 @@
 		if (bcid == "code128") {
 			codeconfig.height = 10;
 		}
-		bwipjs.toCanvas(canvas, codeconfig);
+		toCanvas(canvas, codeconfig);
 		return canvas.toDataURL("image/png");
 	}
 </script>
@ -75,7 +75,7 @@
 				aria-hidden="true">&#8203;</span
 			>
 			<div
-				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
 				role="dialog"
 				aria-modal="true"
 				aria-labelledby="modal-headline"
@ -184,7 +184,9 @@
 						/>
 					</div>
 				</div>
-				<div class="bg-gray-50 px-4 lg:py-3 sm:px-6 grid gap-2 lg:rounded-b-xl pt-3 pb-10">
+				<div
+					class="bg-gray-50 px-4 lg:py-3 sm:px-6 grid gap-2 lg:rounded-b-xl pt-3 pb-10"
+				>
 					<button
 						on:click={close}
 						type="button"
--- a/src/components/scanstations/ScanStations.svelte
+++ b/src/components/scanstations/ScanStations.svelte
@ -210,7 +210,7 @@
 				class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500"
 			>
 				<span class="inline-block align-middle mr-8">
-					<b class="capitalize">{$_("general_promise_error")}</b>
+					<b>{$_("general_promise_error")}</b>
 					{error}
 				</span>
 			</div>
--- a/src/components/settings/ConfirmProfileDeletion.svelte
+++ b/src/components/settings/ConfirmProfileDeletion.svelte
@ -43,7 +43,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/statsclients/AddStatsClientModal.svelte
+++ b/src/components/statsclients/AddStatsClientModal.svelte
@ -78,7 +78,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/statsclients/ConfirmStatsClientDeletion.svelte
+++ b/src/components/statsclients/ConfirmStatsClientDeletion.svelte
@ -41,7 +41,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/statsclients/CopyStatsClientTokenModal.svelte
+++ b/src/components/statsclients/CopyStatsClientTokenModal.svelte
@ -52,7 +52,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/statsclients/StatsClientsOverview.svelte
+++ b/src/components/statsclients/StatsClientsOverview.svelte
@ -161,7 +161,7 @@
  {:catch error}
    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
      <span class="inline-block align-middle mr-8">
-        <b class="capitalize">{$_("general_promise_error")}</b>
+        <b>{$_("general_promise_error")}</b>
        {error}
      </span>
    </div>
--- a/src/components/teams/AddTeamModal.svelte
+++ b/src/components/teams/AddTeamModal.svelte
@ -89,7 +89,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
@ -158,7 +158,7 @@
                    >{$_("organization")}</label
                  >
                  <Select
-                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+                    containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
                    itemFilter={(label, filterText, option) =>
                      label.toLowerCase().includes(filterText.toLowerCase()) ||
                      option.value.id
--- a/src/components/teams/ConfirmTeamDeletionModal.svelte
+++ b/src/components/teams/ConfirmTeamDeletionModal.svelte
@ -44,7 +44,7 @@
 				aria-hidden="true">&#8203;</span
 			>
 			<div
-				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+				class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
 				role="dialog"
 				aria-modal="true"
 				aria-labelledby="modal-headline"
--- a/src/components/teams/TeamDetail.svelte
+++ b/src/components/teams/TeamDetail.svelte
@ -212,7 +212,7 @@
 				>{$_("contact")}</label
 			>
 			<Select
-				containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+				containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
 				itemFilter={(label, filterText, option) =>
 					label.toLowerCase().includes(filterText.toLowerCase()) ||
 					option.value.id.toString().startsWith(filterText.toLowerCase())}
@ -231,7 +231,7 @@
 				>{$_("organization")}</label
 			>
 			<Select
-				containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm rounded-l-md sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
+				containerClasses="rounded-l-md mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 border bg-gray-50 text-neutral-800 rounded-md p-2"
 				itemFilter={(label, filterText, option) =>
 					label.toLowerCase().includes(filterText.toLowerCase()) ||
 					option.id.value.toString().startsWith(filterText.toLowerCase())}
--- a/src/components/teams/Teams.svelte
+++ b/src/components/teams/Teams.svelte
@ -215,7 +215,7 @@
 				class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500"
 			>
 				<span class="inline-block align-middle mr-8">
-					<b class="capitalize">{$_("general_promise_error")}</b>
+					<b>{$_("general_promise_error")}</b>
 					{error}
 				</span>
 			</div>
--- a/src/components/tracks/AddTrackModal.svelte
+++ b/src/components/tracks/AddTrackModal.svelte
@ -87,7 +87,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/tracks/TracksOverview.svelte
+++ b/src/components/tracks/TracksOverview.svelte
@ -259,7 +259,7 @@
  {:catch error}
    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
      <span class="inline-block align-middle mr-8">
-        <b class="capitalize">{$_("general_promise_error")}</b>
+        <b>{$_("general_promise_error")}</b>
        {error}
      </span>
    </div>
--- a/src/components/users/AddUserModal.svelte
+++ b/src/components/users/AddUserModal.svelte
@ -104,7 +104,7 @@
        aria-hidden="true">&#8203;</span
      >
      <div
-        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw]"
+        class="inline-block align-bottom text-left shadow-xl transform transition-all sm:align-middle w-full lg:w-auto min-w-auto lg:min-w-[35vw] relative z-10"
        role="dialog"
        aria-modal="true"
        aria-labelledby="modal-headline"
--- a/src/components/users/UsersOverview.svelte
+++ b/src/components/users/UsersOverview.svelte
@ -182,7 +182,7 @@
  {:catch error}
    <div class="text-white px-6 py-4 border-0 rounded relative mb-4 bg-red-500">
      <span class="inline-block align-middle mr-8">
-        <b class="capitalize">{$_("general_promise_error")}</b>
+        <b>{$_("general_promise_error")}</b>
        {error}
      </span>
    </div>
--- a/src/locales/de.json
+++ b/src/locales/de.json
@ -259,7 +259,6 @@
    "import-runners": "Läufer importieren",
    "import__target-organization": "Ziel Organisation",
    "imprint": "Impressum ",
-    "imprint-loading": "Impressum lädt...",
    "inactive": "Inaktiv",
    "inherited-permissions": "geerbte",
    "installed-version": "Installierte Version",
@ -366,7 +365,6 @@
    "please_wait_a_moment_while_we_assign_the_card": "Karte wird zugewiesen...",
    "prefix": "Prefix",
    "privacy": "Datenschutz",
-    "privacy-loading": "Datenschutzerklärung lädt...",
    "profile": "Profil",
    "profile-deleted": "Profil gelöscht!",
    "profile-picture": "Profilbild",
--- a/src/locales/en.json
+++ b/src/locales/en.json
@ -259,7 +259,6 @@
    "import-runners": "Import runners",
    "import__target-organization": "Target Organization",
    "imprint": "Imprint",
-    "imprint-loading": "Imprint loading...",
    "inactive": "Inactive",
    "inherited-permissions": "inherited",
    "installed-version": "Installed version",
@ -366,7 +365,6 @@
    "please_wait_a_moment_while_we_assign_the_card": "Please wait a moment while we assign the card...",
    "prefix": "Prefix",
    "privacy": "Privacy",
-    "privacy-loading": "Privacy loading...",
    "profile": "Profile",
    "profile-deleted": "Profile deleted!",
    "profile-picture": "Profile Picture",
--- a/src/style.css
+++ b/src/style.css
@ -1,10 +1,9 @@
-@tailwind base;
-@tailwind components;
+@import "tailwindcss";
+
 .activenav {
-  @apply bg-gray-300;
-  @apply text-black;
+	@apply bg-gray-300;
+	@apply text-black;
 }
 * {
-  font-family: Athiti;
+	font-family: Athiti;
 }
-@tailwind utilities;
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@ -1,16 +0,0 @@
-module.exports = {
-  darkMode: 'selector',
-  mode: "jit",
-  content: ["./src/**/*.svelte"],
-  theme: {
-    extend: {
-      colors: {
-        reepolee: {
-          500: "#b40000",
-          600: "#9c0000",
-          700: "#750000",
-        },
-      },
-    },
-  },
-};
--- a/vite.config.js
+++ b/vite.config.js
@ -1,11 +1,8 @@
 // vite.config.js
 import { defineConfig } from "vite";
 import { svelte } from "@sveltejs/vite-plugin-svelte";
+import tailwindcss from "@tailwindcss/vite";

 export default defineConfig({
-  plugins: [
-    svelte({
-      /* plugin options */
-    }),
-  ],
+	plugins: [svelte(), tailwindcss()],
 });
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
Philipp Dormann	cae6be6f86	chore(release): 1.11.0 Some checks failed Build release images / build-container (push) Failing after 31s Details	2025-04-22 22:26:14 +02:00
Philipp Dormann	1d6ed99073	fix(cardassignment): debounce w/ immediate start	2025-04-22 22:25:54 +02:00
Philipp Dormann	1605b0f7b2	feat(cards): badge style for runner links	2025-04-22 22:05:29 +02:00
Philipp Dormann	244be471f0	chore(deps): bump - vite@6 - @bwip-js/browser - svelte-i18n@4 - migrate from csvtojson to papaparse	2025-04-22 22:03:23 +02:00
Philipp Dormann	a12c4f87d2	fix: modal position & z index	2025-04-22 21:59:15 +02:00
Philipp Dormann	312457494c	feat(ImportRunnerModal): sort groups by name	2025-04-22 21:57:59 +02:00
Philipp Dormann	3288ffb3cc	chore: move privacy & imprint to website links	2025-04-22 21:19:00 +02:00
Philipp Dormann	81a8ce002c	chore: move to tailwind v4	2025-04-22 21:18:19 +02:00
Philipp Dormann	e1bf435080	fix(RunnerDetail): move to standard html select for groups	2025-04-22 21:15:56 +02:00
Philipp Dormann	80ab4e037e	chore: tailwind class cleanup	2025-04-22 21:15:18 +02:00
				`@ -1 +0,0 @@`
				Nostrud tempor dolor aute ea excepteur aute mollit elit eiusmod exercitation. Magna laborum pariatur adipisicing pariatur cupidatat exercitation duis aliquip pariatur sint exercitation deserunt labore. Consectetur id laboris dolore nostrud do velit ipsum. Eu laboris velit do commodo ad ea sint ex cillum. Cillum ipsum qui eiusmod laborum mollit sunt dolore incididunt. Cillum sunt culpa veniam voluptate et qui ut magna anim occaecat ut mollit dolor. Duis irure proident eu incididunt dolore sunt nisi aute dolore amet eu fugiat laboris quis.