From 4dcebe7007b2643620d8762fa74a2237d49b2ffe Mon Sep 17 00:00:00 2001
From: Taarly <lownslow.music@gmail.com>
Date: Wed, 17 Dec 2025 10:45:37 +0100
Subject: [PATCH] updated the layout for the button so that they line up

---
 public/views/createuser.php | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/public/views/createuser.php b/public/views/createuser.php
index f5aef83..df1438b 100644
--- a/public/views/createuser.php
+++ b/public/views/createuser.php
@@ -174,13 +174,19 @@ declare(strict_types=1);
                         </div>
                     </div>
 
-                    <div class="form-group d-flex gap-2 align-items-center">
-                        <div class="d-flex flex-column">
-                            <button type="button" id="loadPreviewBtn" class="btn btn-secondary" title="Hinweis: Beim Laden der Vorschau werden Änderungen in der Vorschau verworfen und mit der Originaldatei ersetzt.">In Vorschau laden</button>
-                            <small class="form-text text-muted mt-2">Beim Laden werden Änderungen in der Vorschau verworfen und die Originaldatei neu eingelesen.</small>
+                    <style>
+                        /* Make the CSV action buttons equal width and aligned */
+                        .csv-btn-row { display:flex; gap:0.5rem; align-items:center; }
+                        .csv-btn-row .btn-equal { min-width:150px; display:inline-flex; justify-content:center; align-items:center; }
+                        .csv-preview-hint { margin-top:0.6rem; font-size:0.9rem; color:#6c757d; }
+                    </style>
+                    <div class="form-group">
+                        <div class="csv-btn-row">
+                            <button type="button" id="loadPreviewBtn" class="btn btn-secondary btn-equal" title="Hinweis: Beim Laden der Vorschau werden Änderungen in der Vorschau verworfen und mit der Originaldatei ersetzt.">In Vorschau laden</button>
+                            <button type="submit" class="btn btn-primary btn-equal">CSV verarbeiten</button>
+                            <button type="button" id="clearPreviewBtn" class="btn btn-light btn-equal">Vorschau löschen</button>
                         </div>
-                        <button type="submit" class="btn btn-primary">CSV verarbeiten</button>
-                        <button type="button" id="clearPreviewBtn" class="btn btn-light">Vorschau löschen</button>
+                        <div class="csv-preview-hint">Beim Laden werden Änderungen in der Vorschau verworfen und die Originaldatei neu eingelesen.</div>
                     </div>
                 </form>