Improve mobile responsiveness

app/views/orders/new.html.erb

@@ -1,5 +1,5 @@
 <div class="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100">
-  <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+  <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
     <%= render 'components/breadcrumb', crumbs: [
       { name: 'Accueil', path: root_path },
       { name: 'Événements', path: events_path },
@@ -16,7 +16,7 @@
     <!-- Order Summary -->
     <div class="bg-white rounded-2xl shadow-sm border border-gray-200 p-6">
       <h2 class="text-xl font-semibold text-gray-900 mb-4">Résumé de votre commande</h2>
-      
+
       <% if @event %>
         <div class="mb-6">
           <h3 class="text-lg font-medium text-gray-800"><%= @event.name %></h3>
@@ -114,4 +114,4 @@
       </div>
     <% end %>
   </div>
-</div>
+</div>