new look test4 #deploy

src/components/dashboard/Dashboard.tsx

@@ -98,7 +98,7 @@ const Dashboard: React.FC<DashboardProps> = ({ onActionClick, hasActiveEvent, cu
     );
   };
 
-  return <div className="p-6">{renderContent()}</div>;
+  return <div className="p-0 sm:p-6">{renderContent()}</div>;
 };
 
 const DashboardComponent: React.FC<DashboardProps> = Dashboard;

src/features/event/components/EventFormInline.tsx

@@ -549,7 +549,13 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
   };
 
   return (
-    <div className={isMobile ? 'p-0 border-0 rounded-none' : 'rounded-lg border p-4'}>
+    <div
+      className={
+        isMobile
+          ? 'w-screen relative left-1/2 right-1/2 -ml-[50vw] -mr-[50vw] p-0 border-0 rounded-none'
+          : 'rounded-lg border p-4'
+      }
+    >
       <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">