From b79ce48dececc3ed9d4f6ecb6eebcd5623704a01 Mon Sep 17 00:00:00 2001
From: martin <f95martin@skymail.de>
Date: Tue, 20 Jan 2026 17:16:03 +0100
Subject: [PATCH] new look test 3 #deploy

---
 src/features/event/components/EventFormInline.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/features/event/components/EventFormInline.tsx b/src/features/event/components/EventFormInline.tsx
index 6f7d4f7..f562876 100644
--- a/src/features/event/components/EventFormInline.tsx
+++ b/src/features/event/components/EventFormInline.tsx
@@ -549,9 +549,9 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
   };
 
   return (
-    <div className="rounded-lg border p-4">
+    <div className={isMobile ? 'p-0 border-0 rounded-none' : 'rounded-lg border p-4'}>
       <form onSubmit={handleSubmit} className="relative">
-        <div className="sticky top-0 z-20 -mx-4 px-4 py-2 border-b bg-background">
+        <div className={isMobile ? 'sticky top-0 z-20 px-3 py-2 border-b bg-background' : 'sticky top-0 z-20 -mx-4 px-4 py-2 border-b bg-background'}>
           <div className="flex items-center justify-between gap-2">
             <div className="text-sm font-medium">
               {mode === 'edit' ? 'Event bearbeiten' : 'Event erstellen'}
@@ -564,7 +564,7 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
         </div>
 
         {isMobile && (
-          <div className="sticky top-[52px] z-20 -mx-4 px-4 py-2 border-b bg-background">
+          <div className="sticky top-[52px] z-20 px-3 py-2 border-b bg-background">
             <div className="flex gap-2">
               <MobileTabButton tab="stammdaten" label="Event" Icon={CalendarDays} />
               <MobileTabButton tab="promotion" label="Promotion" Icon={Megaphone} />
@@ -650,7 +650,13 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
           </div>
         </div>
 
-        <div className="sticky bottom-0 z-20 -mx-4 mt-4 px-4 py-3 border-t bg-background">
+        <div
+          className={
+            isMobile
+              ? 'sticky bottom-0 z-20 mt-4 px-3 py-3 border-t bg-background'
+              : 'sticky bottom-0 z-20 -mx-4 mt-4 px-4 py-3 border-t bg-background'
+          }
+        >
           <div className="flex items-center justify-between gap-3">
             <div className="text-xs text-muted-foreground">* Pflichtfelder</div>
             <div className="flex gap-2">