From 5f2e7a9b565be3d8dfa53fa6f1c8431f037aac31 Mon Sep 17 00:00:00 2001
From: Adam Gaiswinkler <adam.gaiswinkler@edu.szu.at>
Date: Thu, 26 Feb 2026 17:25:38 +0100
Subject: [PATCH] Refactor: wrap form labels in a `div.col-sm-3` for improved
 layout and styling consistency.

---
 .../Edit.razor                                | 32 ++++++++++++-------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/Client/Modules/SZUAbsolventenverein.Module.HallOfFame/Edit.razor b/Client/Modules/SZUAbsolventenverein.Module.HallOfFame/Edit.razor
index 10e9f9e..042649f 100644
--- a/Client/Modules/SZUAbsolventenverein.Module.HallOfFame/Edit.razor
+++ b/Client/Modules/SZUAbsolventenverein.Module.HallOfFame/Edit.razor
@@ -13,17 +13,19 @@
 <form @ref="form" class="@(validated ? " was-validated" : "needs-validation" )" novalidate>
     <div class="container">
         <div class="row mb-3 align-items-center">
-            <Label Class="col-sm-3 col-form-label" For="name" HelpText="Gib deinen Namen ein" ResourceKey="Name">Name:
-            </Label>
+            <div class="col-sm-3">
+                <Label For="name" HelpText="Gib deinen Namen ein" ResourceKey="Name">Name:</Label>
+            </div>
             <div class="col-sm-9">
                 <input id="name" class="form-control" @bind="@_name" required maxlength="120" />
                 <div class="invalid-feedback">Bitte gib einen Namen ein (max. 120 Zeichen).</div>
             </div>
         </div>
         <div class="row mb-3 align-items-center">
-            <Label Class="col-sm-3 col-form-label" For="year"
-                HelpText="Gib das Jahr ein, in dem du die Matura abgeschlossen hast (z.B. 2020)"
-                ResourceKey="Year">Jahrgang: </Label>
+            <div class="col-sm-3">
+                <Label For="year" HelpText="Gib das Jahr ein, in dem du die Matura abgeschlossen hast (z.B. 2020)"
+                    ResourceKey="Year">Jahrgang: </Label>
+            </div>
             <div class="col-sm-9">
                 <input id="year" type="number" class="form-control" @bind="@_year" required min="1900"
                     max="@Int32.MaxValue" />
@@ -31,8 +33,10 @@
             </div>
         </div>
         <div class="row mb-3">
-            <Label Class="col-sm-3 col-form-label" For="description" HelpText="Kurzbeschreibung / Werdegang"
-                ResourceKey="Description">Beschreibung: </Label>
+            <div class="col-sm-3">
+                <Label For="description" HelpText="Kurzbeschreibung / Werdegang" ResourceKey="Description">Beschreibung:
+                </Label>
+            </div>
             <div class="col-sm-9">
                 @if (_descriptionLoaded)
                 {
@@ -42,8 +46,9 @@
             </div>
         </div>
         <div class="row mb-3">
-            <Label Class="col-sm-3 col-form-label" For="image" HelpText="Porträtfoto hochladen (JPG/PNG)"
-                ResourceKey="Image">Foto: </Label>
+            <div class="col-sm-3">
+                <Label For="image" HelpText="Porträtfoto hochladen (JPG/PNG)" ResourceKey="Image">Foto: </Label>
+            </div>
             <div class="col-sm-9">
                 <div class="mb-2">
                     @if (!string.IsNullOrEmpty(_image))
@@ -79,15 +84,18 @@
             </div>
         </div>
         <div class="row mb-3 align-items-center">
-            <Label Class="col-sm-3 col-form-label" For="link" HelpText="Externer Link (optional)"
-                ResourceKey="Link">Link: </Label>
+            <div class="col-sm-3">
+                <Label For="link" HelpText="Externer Link (optional)" ResourceKey="Link">Link: </Label>
+            </div>
             <div class="col-sm-9">
                 <input id="link" type="url" class="form-control" @bind="@_link" placeholder="https://" />
                 <div class="invalid-feedback">Bitte gib eine gültige URL ein (startet mit http:// oder https://).</div>
             </div>
         </div>
         <div class="row mb-3 align-items-center">
-            <Label Class="col-sm-3 col-form-label" For="status" HelpText="Status" ResourceKey="Status">Status: </Label>
+            <div class="col-sm-3">
+                <Label For="status" HelpText="Status" ResourceKey="Status">Status: </Label>
+            </div>
             <div class="col-sm-9">
                 <p>Aktuell: <strong>@(_status ?? "Neu")</strong></p>
             </div>