From 0572a10fab446fec0ac5b4f0fce4484cea42034d Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Sun, 23 Feb 2025 18:04:05 +0100
Subject: [PATCH] fix success for mobile

---
 templates/ticket/success.html.twig | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/templates/ticket/success.html.twig b/templates/ticket/success.html.twig
index fb2ecbf..d5e0f9f 100644
--- a/templates/ticket/success.html.twig
+++ b/templates/ticket/success.html.twig
@@ -28,8 +28,8 @@ Danke
                 <p class="text-lg text-gray-600">Wir freuen uns, dich beim Abiball zu sehen.</p>
             </div>
 
-            <div class="grid grid-cols-2 gap-5">
-                <div class="bg-white rounded-2xl shadow-lg p-8 border border-gray-100 col-1">
+            <div class="grid grid-cols-1 sm:grid-cols-2 gap-5">
+                <div class="bg-white rounded-2xl shadow-lg p-8 border border-gray-100">
                     <h2 class="text-2xl font-semibold mb-6 w-full bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Veranstaltungsdetails</h2>
                     <div class="max-w-xs mx-auto">
                         <div class="space-y-4">
@@ -53,7 +53,7 @@ Danke
                     </div>
                 </div>
 
-                <div class="bg-white rounded-2xl shadow-lg p-8 border border-gray-100 col-2">
+                <div class="bg-white rounded-2xl shadow-lg p-8 border border-gray-100">
                     <h2 class="text-2xl font-semibold mb-6 w-full bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Ablauf</h2>
                     <div class="max-w-xs mx-auto">
                         <div class="space-y-4">
@@ -77,17 +77,16 @@ Danke
                 </div>
             </div>
 
-                <div class="mt-8 pt-6 border-t border-gray-200 text-center">
-                    <div class="flex items-center justify-center">
-                        <a href="{{ path('app_calendar') }}" 
-                           target="_blank"
-                           class="inline-flex items-center px-6 py-3 bg-gray-200 hover:bg-gray-300 rounded transition-colors">
-                            <twig:ux:icon name="heroicons:calendar" class="w-5 h-5 text-gray-600 mr-2" />
-                            <span class="text-sm font-medium text-gray-700">Zum Kalender hinzufügen</span>
-                        </a>
-                    </div>
+            <div class="mt-8 pt-6 border-t border-gray-200 text-center">
+                <div class="flex items-center justify-center">
+                    <a href="{{ path('app_calendar') }}" 
+                       target="_blank"
+                       class="inline-flex items-center px-6 py-3 bg-gray-200 hover:bg-gray-300 rounded transition-colors">
+                        <twig:ux:icon name="heroicons:calendar" class="w-5 h-5 text-gray-600 mr-2" />
+                        <span class="text-sm font-medium text-gray-700">Zum Kalender hinzufügen</span>
+                    </a>
                 </div>
-
+            </div>
         </div>
     </div>
 </div>