From c00653c47a68f8013d3556046984f2e1df1869e8 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Sun, 4 May 2025 23:53:53 +0200
Subject: [PATCH] missions

---
 app/missions/layout.tsx   | 34 ++++++++++++++++++----------------
 app/missions/new/page.tsx | 12 +++++++-----
 app/missions/page.tsx     |  4 ++--
 3 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/app/missions/layout.tsx b/app/missions/layout.tsx
index 53c2cbf4..f7ab68f5 100644
--- a/app/missions/layout.tsx
+++ b/app/missions/layout.tsx
@@ -12,22 +12,24 @@ export default function MissionsLayout({
   const pathname = usePathname();
   
   return (
-    <div className="flex h-screen overflow-hidden">
-      {/* Sidebar - precise sizing to match Courrier */}
-      <div className="w-[234px] min-w-[234px] bg-white border-r border-gray-100 overflow-y-auto">
-        <nav>
-          <Link href="/missions" passHref>
-            <div className={`px-6 py-[10px] ${pathname === "/missions" ? "bg-gray-50" : ""} hover:bg-gray-50`}>
-              <span className="text-sm font-normal text-gray-700">Mes Missions</span>
-            </div>
-          </Link>
-        </nav>
+    <main className="w-full h-screen bg-black">
+      <div className="w-full h-full px-4 pt-12 pb-4 flex">
+        {/* Sidebar */}
+        <div className="w-[234px] min-w-[234px] bg-white border-r border-gray-100 overflow-y-auto">
+          <nav>
+            <Link href="/missions" passHref>
+              <div className={`px-6 py-[10px] ${pathname === "/missions" ? "bg-gray-50" : ""} hover:bg-gray-50`}>
+                <span className="text-sm font-normal text-gray-700">Mes Missions</span>
+              </div>
+            </Link>
+          </nav>
+        </div>
+        
+        {/* Main content - matches artlab spacing */}
+        <div className="flex-1 overflow-auto">
+          {children}
+        </div>
       </div>
-      
-      {/* Main content - no padding, full container */}
-      <div className="flex-1 overflow-hidden">
-        {children}
-      </div>
-    </div>
+    </main>
   );
 } 
\ No newline at end of file
diff --git a/app/missions/new/page.tsx b/app/missions/new/page.tsx
index f881bc2e..a16096cf 100644
--- a/app/missions/new/page.tsx
+++ b/app/missions/new/page.tsx
@@ -9,8 +9,8 @@ import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbS
 
 export default function NewMissionPage() {
   return (
-    <div className="p-6">
-      <div className="mb-6">
+    <div className="flex flex-col h-full w-full bg-white">
+      <div className="bg-gray-50 px-4 py-2 border-b border-gray-200">
         <Breadcrumb>
           <BreadcrumbList>
             <BreadcrumbItem>
@@ -25,18 +25,20 @@ export default function NewMissionPage() {
           </BreadcrumbList>
         </Breadcrumb>
         
-        <div className="flex items-center mt-4">
+        <div className="flex items-center mt-2">
           <Link href="/missions">
             <Button variant="ghost" size="sm" className="mr-4">
               <ArrowLeft className="h-4 w-4 mr-2" />
               Retour
             </Button>
           </Link>
-          <h1 className="text-2xl font-bold">Poster une Nouvelle Mission</h1>
+          <h1 className="text-lg font-medium">Poster une Nouvelle Mission</h1>
         </div>
       </div>
       
-      <MissionsAdminPanel />
+      <div className="flex-1 overflow-auto p-4">
+        <MissionsAdminPanel />
+      </div>
     </div>
   );
 } 
\ No newline at end of file
diff --git a/app/missions/page.tsx b/app/missions/page.tsx
index 8efe3d6d..bbe090c8 100644
--- a/app/missions/page.tsx
+++ b/app/missions/page.tsx
@@ -47,7 +47,7 @@ export default function MissionsPage() {
   );
   
   return (
-    <div className="flex flex-col h-full">
+    <div className="flex flex-col h-full w-full">
       <div className="flex justify-between items-center bg-black/30 py-[6px] px-4">
         <h1 className="text-white text-xs font-normal">Gérez vos missions et opportunités de bénévolat</h1>
         <div className="flex items-center gap-2">
@@ -70,7 +70,7 @@ export default function MissionsPage() {
       </div>
       
       <div 
-        className="flex-1 bg-cover bg-center p-0 overflow-auto"
+        className="flex-1 bg-cover bg-center overflow-auto"
         style={{
           backgroundImage: "url('https://images.unsplash.com/photo-1483921020237-2ff51e8e4b22?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80')"
         }}