From e3a67adf6316330ed568a7ca171d72ba233a5e77 Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Fri, 7 Feb 2025 14:13:49 +0000
Subject: [PATCH] adjust form spacing (#21)

Reviewed-on: https://git.simonis.lol/projects/abiball/pulls/21
Reviewed-by: Hop In, I Have Puppies AND WiFi <jleibl@noreply@simonis.lol>
Co-authored-by: Constantin Simonis <constantin@simonis.lol>
Co-committed-by: Constantin Simonis <constantin@simonis.lol>
---
 templates/ticket/_partials/_form.html.twig | 10 +++++-----
 templates/ticket/index.html.twig           |  3 +--
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/templates/ticket/_partials/_form.html.twig b/templates/ticket/_partials/_form.html.twig
index 7efd613..93e020e 100644
--- a/templates/ticket/_partials/_form.html.twig
+++ b/templates/ticket/_partials/_form.html.twig
@@ -1,13 +1,13 @@
 <div class="bg-white/80 backdrop-blur-sm rounded-2xl border border-gray-100 p-5 hover:shadow-lg transition-all duration-300 group">
     <div class="grid grid-cols-12 gap-5">
-        <div class="relative col-span-5">
+        <div class="relative col-span-3">
             <div class="relative group">
                 <twig:ux:icon name="mingcute:ticket-fill" class="absolute left-3.5 top-1/2 -translate-y-1/2 w-5 h-5 text-orange-400 pointer-events-none transition-colors group-hover:text-orange-500" />
                 <select name="ticket" 
                         required
                         data-form-target="ticketType"
                         class="w-full pl-11 pr-10 py-3.5 rounded-xl appearance-none bg-white border border-gray-200 text-gray-800 font-medium text-[15px] focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-all hover:border-orange-300">
-                    <option value="" disabled selected>Bitte wählen</option>
+                    <option value="" disabled selected>Auswahl</option>
                     <option value="1">All-Inclusive Ticket</option>
                     <option value="2">After-Show Ticket</option>
                     <option value="3">Kinder-Ticket (6-12 Jahre)</option>
@@ -19,14 +19,14 @@
             </div>
         </div>
 
-        <div class="relative col-span-4">
+        <div class="relative col-span-3">
             <div class="relative group">
                 <twig:ux:icon name="mdi:food" class="absolute left-3.5 top-1/2 -translate-y-1/2 w-5 h-5 text-orange-400 pointer-events-none transition-colors group-hover:text-orange-500" />
                 <select name="food" 
                         required
                         data-form-target="foodType"
                         class="w-full pl-11 pr-10 py-3.5 rounded-xl appearance-none bg-white border border-gray-200 text-gray-800 font-medium text-[15px] focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-all hover:border-orange-300">
-                    <option value="" disabled selected>Bitte wählen</option>
+                    <option value="" disabled selected>Auswahl</option>
                     <option value="1">Mit Fleisch</option>
                     <option value="2">Vegetarisch</option>
                     <option value="3">Vegan</option>
@@ -37,7 +37,7 @@
             </div>
         </div>
 
-        <div class="relative col-span-2">
+        <div class="relative col-span-5">
             <div class="relative group">
                 <twig:ux:icon name="mdi:note" class="absolute left-3.5 top-1/2 -translate-y-1/2 w-5 h-5 text-orange-400 pointer-events-none transition-colors group-hover:text-orange-500" />
                 <input type="text" 
diff --git a/templates/ticket/index.html.twig b/templates/ticket/index.html.twig
index 04e52dc..a11fa35 100644
--- a/templates/ticket/index.html.twig
+++ b/templates/ticket/index.html.twig
@@ -60,11 +60,10 @@
                                 <span>Tickets</span>
                             </h2>
 
-                            <div class="grid grid-cols-4 gap-4 mb-4 px-4 text-sm font-medium text-gray-600">
+                            <div class="ml-5 grid grid-cols-4 gap-4 mb-4 px-4 text-sm font-medium text-gray-600">
                                 <div>Ticket</div>
                                 <div>Ernährung</div>
                                 <div>Anmerkungen</div>
-                                <div class="text-center">Aktion</div>
                             </div>
 
                             <div class="forms space-y-4">