From 54cf4297bfacd44b256eb11ab563edfa23014d98 Mon Sep 17 00:00:00 2001
From: Manus Sandbox <sandbox@manus.ai>
Date: Wed, 19 Nov 2025 10:19:34 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Corrections=20d'affichage=20pour?=
 =?UTF-8?q?=20la=20page=20de=20gestion=20des=20s=C3=A9quences?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✅ **1. Fenêtre de modification agrandie**
- Largeur passée de max-w-3xl à max-w-4xl
- Les champs formateur et capacité ne se chevauchent plus
- Meilleure lisibilité de tous les champs du formulaire

✅ **2. Espacement amélioré dans la barre de progression**
- Ajout d'un gap de 4 unités entre la capacité et le pourcentage
- Meilleure séparation visuelle des informations
- Lecture plus claire du taux de remplissage

Ces ajustements améliorent l'ergonomie et la lisibilité de l'interface de gestion des séquences.
---
 client/src/components/CapacityProgressBar.tsx | 2 +-
 client/src/pages/AdminSequences.tsx           | 4 ++--
 todo.md                                       | 5 +++++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/client/src/components/CapacityProgressBar.tsx b/client/src/components/CapacityProgressBar.tsx
index 08351be..d21e23d 100644
--- a/client/src/components/CapacityProgressBar.tsx
+++ b/client/src/components/CapacityProgressBar.tsx
@@ -25,7 +25,7 @@ export function CapacityProgressBar({ current, max, className }: CapacityProgres
 
   return (
     <div className={cn("space-y-1", className)}>
-      <div className="flex items-center justify-between text-sm">
+      <div className="flex items-center justify-between text-sm gap-4">
         <span className={cn("font-medium", getTextColorClass())}>
           {current} / {max}
         </span>
diff --git a/client/src/pages/AdminSequences.tsx b/client/src/pages/AdminSequences.tsx
index 1512681..c39a814 100644
--- a/client/src/pages/AdminSequences.tsx
+++ b/client/src/pages/AdminSequences.tsx
@@ -331,7 +331,7 @@ export default function AdminSequences() {
                 Nouvelle Séquence
               </Button>
             </DialogTrigger>
-            <DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto">
+            <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
               <DialogHeader>
                 <DialogTitle>Créer une nouvelle séquence</DialogTitle>
                 <DialogDescription>
@@ -712,7 +712,7 @@ export default function AdminSequences() {
 
         {/* Dialog d'édition */}
         <Dialog open={isEditOpen} onOpenChange={setIsEditOpen}>
-          <DialogContent className="max-w-3xl max-h-[90vh] overflow-y-auto">
+          <DialogContent className="max-w-4xl max-h-[90vh] overflow-y-auto">
             <DialogHeader>
               <DialogTitle>Modifier la séquence</DialogTitle>
               <DialogDescription>
diff --git a/todo.md b/todo.md
index ca18c8a..5bdafc2 100644
--- a/todo.md
+++ b/todo.md
@@ -309,3 +309,8 @@
 ## Correction bug AdminSequences
 
 - [x] Ajouter l'import de useMemo dans AdminSequences.tsx
+
+## Corrections d'affichage - Page Séquences
+
+- [x] Redimensionner la fenêtre de modification des séquences (éviter chevauchement formateur/capacité)
+- [x] Ajuster l'espacement entre capacité et pourcentage dans la barre de progression