From 4834d1484c3fb6ecd4a1b56aa9fbb8125c641a62 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Mon, 17 Apr 2023 17:51:46 +0200
Subject: [PATCH] Styling ref #173

---
 .../CopyScanStationTokenModal.svelte          | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/components/scanstations/CopyScanStationTokenModal.svelte b/src/components/scanstations/CopyScanStationTokenModal.svelte
index 65eefc8c..507b1642 100644
--- a/src/components/scanstations/CopyScanStationTokenModal.svelte
+++ b/src/components/scanstations/CopyScanStationTokenModal.svelte
@@ -157,35 +157,32 @@
           </div>
           <div class="mx-auto text-center items-center">
             <h2 class="text-lg leading-6 font-medium text-gray-900">
-              Config Codes
+              {$_("config-codes")}
             </h2>
             <span class="flex items-center text-center">
-              <label
-                for="codeswitch"
-                class="text-sm text-gray-500 mr-3 dark:text-gray-400"
+              <p class="text-md text-gray-900 mr-3">Format:</p>
+              <label for="codeswitch" class="text-md text-gray-900 mr-3"
                 >Code128</label
               >
               <input
                 id="codeswitch"
                 type="checkbox"
                 bind:checked={is_qrcode}
-                class="relative shrink-0 w-[3.25rem] h-7 bg-gray-100 checked:bg-none checked:bg-blue-600 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 border border-transparent ring-1 ring-transparent focus:border-blue-600 focus:ring-blue-600 ring-offset-white focus:outline-none appearance-none dark:bg-gray-700 dark:checked:bg-blue-600 dark:focus:ring-offset-gray-800
-            
-              before:inline-block before:w-6 before:h-6 before:bg-white checked:before:bg-blue-200 before:translate-x-0 checked:before:translate-x-full before:shadow before:rounded-full before:transform before:ring-0 before:transition before:ease-in-out before:duration-200 dark:before:bg-gray-400 dark:checked:before:bg-blue-200"
+                class="relative shrink-0 w-[3.25rem] h-7 bg-gray-100 checked:bg-none checked:bg-blue-600 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 border border-transparent ring-1 ring-transparent focus:border-blue-600 focus:ring-blue-600 ring-offset-white focus:outline-none appearance-none before:inline-block before:w-6 before:h-6 before:bg-white checked:before:bg-blue-200 before:translate-x-0 checked:before:translate-x-full before:shadow before:rounded-full before:transform before:ring-0 before:transition before:ease-in-out before:duration-200 dark:before:bg-gray-400 dark:checked:before:bg-blue-200"
               />
-              <label
-                for="codeswitch"
-                class="text-sm text-gray-500 ml-3 dark:text-gray-400"
+              <label for="codeswitch" class="text-md text-gray-900 ml-3"
                 >QR-Code</label
               >
             </span>
-            <h3 class="leading-6 font-medium text-gray-900">API-Endpoint</h3>
+            <h3 class="leading-6 font-medium text-gray-900">
+              {$_("api-endpoint")}
+            </h3>
             <img
               class="w-full md:w-auto mb-2 mx-auto"
               alt="Registrierungscode"
               src={textToBase64Barcode(config.baseurl, is_qrcode)}
             />
-            <h3 class="leading-6 font-medium text-gray-900">Key</h3>
+            <h3 class="leading-6 font-medium text-gray-900">{$_("token")}</h3>
             <img
               class="w-full md:w-auto mb-2 mx-auto"
               alt="Registrierungscode"