From af372326af5331139da013fc886a7aa834555aee Mon Sep 17 00:00:00 2001
From: Christoph Urlacher <christoph.urlacher@protonmail.com>
Date: Mon, 23 Dec 2024 15:39:00 +0100
Subject: [PATCH] Lib: Make race-/substitution-card buttons fill the card width

---
 src/lib/components/cards/RaceCard.svelte      | 30 ++++++++++++++-----
 .../components/cards/SubstitutionCard.svelte  |  4 ++-
 2 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/cards/RaceCard.svelte b/src/lib/components/cards/RaceCard.svelte
index a9a2a49..7b4dff7 100644
--- a/src/lib/components/cards/RaceCard.svelte
+++ b/src/lib/components/cards/RaceCard.svelte
@@ -164,18 +164,32 @@
 
       <!-- Save/Delete buttons -->
       <div class="flex justify-end gap-2">
-        <Button onclick={clear_sprint} color="secondary" disabled={disable_inputs}
-          >Remove Sprint</Button
-        >
+        <Button onclick={clear_sprint} color="secondary" disabled={disable_inputs} width="w-1/3">
+          Remove Sprint
+        </Button>
         {#if race}
-          <Button formaction="?/update_race" color="secondary" disabled={disable_inputs} submit
-            >Save Changes</Button
+          <Button
+            formaction="?/update_race"
+            color="secondary"
+            disabled={disable_inputs}
+            submit
+            width="w-1/3"
           >
-          <Button color="primary" submit disabled={disable_inputs} formaction="?/delete_race"
-            >Delete</Button
+            Save Changes
+          </Button>
+          <Button
+            color="primary"
+            submit
+            disabled={disable_inputs}
+            formaction="?/delete_race"
+            width="w-1/3"
           >
+            Delete
+          </Button>
         {:else}
-          <Button formaction="?/create_race" color="tertiary" submit>Create Race</Button>
+          <Button formaction="?/create_race" color="tertiary" submit width="w-1/2"
+            >Create Race</Button
+          >
         {/if}
       </div>
     </div>
diff --git a/src/lib/components/cards/SubstitutionCard.svelte b/src/lib/components/cards/SubstitutionCard.svelte
index fce3aa8..e692ddc 100644
--- a/src/lib/components/cards/SubstitutionCard.svelte
+++ b/src/lib/components/cards/SubstitutionCard.svelte
@@ -146,6 +146,7 @@
             color="secondary"
             disabled={disable_inputs}
             submit
+            width="w-1/2"
           >
             Save Changes
           </Button>
@@ -154,11 +155,12 @@
             submit
             disabled={disable_inputs}
             formaction="?/delete_substitution"
+            width="w-1/2"
           >
             Delete
           </Button>
         {:else}
-          <Button formaction="?/create_substitution" color="tertiary" submit>
+          <Button formaction="?/create_substitution" color="tertiary" submit width="w-full">
             Create Substitution
           </Button>
         {/if}