From d8fd8d397e410ba65f4e73bedd25a9c8fa0dd67d Mon Sep 17 00:00:00 2001
From: martin <f95martin@skymail.de>
Date: Tue, 20 Jan 2026 17:32:57 +0100
Subject: [PATCH] new look test5 #deploy

---
 src/components/dashboard/Dashboard.tsx        |  2 +-
 .../event/components/EventFormInline.tsx      | 60 +++++++++++--------
 2 files changed, 37 insertions(+), 25 deletions(-)

diff --git a/src/components/dashboard/Dashboard.tsx b/src/components/dashboard/Dashboard.tsx
index 29eecf5..66efaec 100644
--- a/src/components/dashboard/Dashboard.tsx
+++ b/src/components/dashboard/Dashboard.tsx
@@ -98,7 +98,7 @@ const Dashboard: React.FC<DashboardProps> = ({ onActionClick, hasActiveEvent, cu
     );
   };
 
-  return <div className="p-0 sm:p-6">{renderContent()}</div>;
+  return <div className="p-[2px] sm:p-6">{renderContent()}</div>;
 };
 
 const DashboardComponent: React.FC<DashboardProps> = Dashboard;
diff --git a/src/features/event/components/EventFormInline.tsx b/src/features/event/components/EventFormInline.tsx
index 56d929d..3794e7c 100644
--- a/src/features/event/components/EventFormInline.tsx
+++ b/src/features/event/components/EventFormInline.tsx
@@ -537,13 +537,15 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
         type="button"
         variant="ghost"
         size="sm"
-        className={`flex-1 h-10 justify-center gap-2 rounded-xl transition-colors ${
+        className={`flex-1 h-14 justify-center rounded-xl transition-colors ${
           isActive ? 'bg-primary/10 text-primary' : 'text-muted-foreground hover:bg-primary/5 hover:text-foreground'
         }`}
         onClick={() => setActiveTab(tab)}
       >
-        <Icon className="h-4 w-4" />
-        <span className="text-sm">{label}</span>
+        <span className="flex flex-col items-center justify-center leading-tight">
+          <Icon className="h-4 w-4" />
+          <span className="text-[11px] mt-1">{label}</span>
+        </span>
       </Button>
     );
   };
@@ -557,29 +559,39 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
       }
     >
       <form onSubmit={handleSubmit} className="relative">
-        <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'}
+        <div className={isMobile ? 'sticky top-0 z-20 border-b bg-background' : 'sticky top-0 z-20 -mx-4 px-4 py-2 border-b bg-background'}>
+          {isMobile ? (
+            <div className="px-3 py-2">
+              <div className="flex items-center justify-between gap-2">
+                <div className="text-sm font-medium">
+                  {mode === 'edit' ? 'Event bearbeiten' : 'Event erstellen'}
+                </div>
+                <div className="text-xs text-muted-foreground">{loadingInitial ? 'Lade…' : ''}</div>
+              </div>
+              {error && <div className="text-sm text-destructive pt-1">{error}</div>}
+
+              <div className="pt-2">
+                <div className="flex gap-2">
+                  <MobileTabButton tab="stammdaten" label="Event" Icon={CalendarDays} />
+                  <MobileTabButton tab="promotion" label="Promotion" Icon={Megaphone} />
+                  <MobileTabButton tab="artists" label="Künstler" Icon={Users} />
+                </div>
+              </div>
             </div>
-            <div className="text-xs text-muted-foreground">
-              {loadingInitial ? 'Lade…' : ''}
-            </div>
-          </div>
-          {error && <div className="text-sm text-destructive pt-1">{error}</div>}
+          ) : (
+            <>
+              <div className="flex items-center justify-between gap-2">
+                <div className="text-sm font-medium">
+                  {mode === 'edit' ? 'Event bearbeiten' : 'Event erstellen'}
+                </div>
+                <div className="text-xs text-muted-foreground">{loadingInitial ? 'Lade…' : ''}</div>
+              </div>
+              {error && <div className="text-sm text-destructive pt-1">{error}</div>}
+            </>
+          )}
         </div>
 
-        {isMobile && (
-          <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} />
-              <MobileTabButton tab="artists" label="Künstler" Icon={Users} />
-            </div>
-          </div>
-        )}
-
-        <div className={isMobile ? 'pt-4' : 'flex gap-4 pt-4'}>
+        <div className={isMobile ? 'pt-4 pb-24 px-3' : 'flex gap-4 pt-4'}>
           {!isMobile && (
             <aside className={`sticky top-20 self-start shrink-0 ${sidebarWidthClass} transition-[width] duration-200`}>
               <div className="rounded-2xl border bg-background p-2 shadow-sm">
@@ -659,7 +671,7 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
         <div
           className={
             isMobile
-              ? 'sticky bottom-0 z-20 mt-4 px-3 py-3 border-t bg-background'
+              ? 'fixed bottom-0 left-0 right-0 z-30 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'
           }
         >