Update

frontend/src/views/TicketDetailPage.tsx

@@ -1242,13 +1242,14 @@ export function TicketDetailPage({ periodType, period, ticketId, onNavigate, onO
         </Alert>
       ) : null}
 
+      <div className={cn("grid gap-4", isGlobalTicket && "xxl:grid-cols-2")}>
         {isGlobalTicket ? (
           <Card>
             <CardHeader className="p-4">
               <CardTitle>Filter</CardTitle>
               <CardDescription>Grenzt die Sessionliste dieses Tickets ein. Die Ticketdaten selbst bleiben global.</CardDescription>
             </CardHeader>
-          <CardContent className="grid gap-3 px-4 pb-4 md:grid-cols-3">
+            <CardContent className="grid gap-3 px-4 pb-4 md:grid-cols-2">
               <div className="space-y-2">
                 <label className="text-sm font-medium" htmlFor="ticket-month-filter">Monat</label>
                 <select
@@ -1299,11 +1300,24 @@ export function TicketDetailPage({ periodType, period, ticketId, onNavigate, onO
             </div>
           </CardHeader>
           <CardContent className="px-4 pb-4">
-          <form className="grid gap-3 lg:grid-cols-[180px_minmax(220px,1fr)_minmax(220px,1fr)_160px_auto] lg:items-end" onSubmit={saveTicketData}>
+            <form className="grid gap-3 md:grid-cols-2" onSubmit={saveTicketData}>
               <div className="space-y-2">
                 <label className="text-sm font-medium" htmlFor="edit-ticket-number">Ticketnummer</label>
                 <Input id="edit-ticket-number" value={editTicketNumber} disabled={!canEditTicketData} onChange={(event) => setEditTicketNumber(event.currentTarget.value)} required />
               </div>
+              <div className="space-y-2">
+                <label className="text-sm font-medium" htmlFor="edit-ticket-work-type">Art</label>
+                <select
+                  id="edit-ticket-work-type"
+                  className="h-8 w-full rounded-lg border border-input bg-background px-2 text-sm focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring/50"
+                  value={editWorkType}
+                  disabled={!canEditTicketData}
+                  onChange={(event) => setEditWorkType(event.currentTarget.value as WorkType)}
+                >
+                  <option value="support">Support</option>
+                  <option value="consulting">Consulting</option>
+                </select>
+              </div>
               <div className="space-y-2">
                 <label className="text-sm font-medium" htmlFor="edit-ticket-title">Titel</label>
                 <Input id="edit-ticket-title" value={editTicketTitle} disabled={!canEditTicketData} onChange={(event) => setEditTicketTitle(event.currentTarget.value)} placeholder="optional" />
@@ -1324,26 +1338,14 @@ export function TicketDetailPage({ periodType, period, ticketId, onNavigate, onO
                   required
                 />
               </div>
-            <div className="space-y-2">
+              <Button type="submit" className="md:col-span-2 md:justify-self-end" disabled={!canEditTicketData || savingTicket}>
-              <label className="text-sm font-medium" htmlFor="edit-ticket-work-type">Art</label>
-              <select
-                id="edit-ticket-work-type"
-                className="h-8 w-full rounded-lg border border-input bg-background px-2 text-sm focus-visible:outline-none focus-visible:ring-3 focus-visible:ring-ring/50"
-                value={editWorkType}
-                disabled={!canEditTicketData}
-                onChange={(event) => setEditWorkType(event.currentTarget.value as WorkType)}
-              >
-                <option value="support">Support</option>
-                <option value="consulting">Consulting</option>
-              </select>
-            </div>
-            <Button type="submit" disabled={!canEditTicketData || savingTicket}>
                 <Save className="size-4" />
                 {savingTicket ? "Speichert..." : "Speichern"}
               </Button>
             </form>
           </CardContent>
         </Card>
+      </div>
 
       <div className={cn("grid gap-4", project && "xl:grid-cols-2")}>
         {project ? (