From a73a3562c396e77b88aaaea345c4c4e3d01534a5 Mon Sep 17 00:00:00 2001
From: Thibaut Valentin <thibaut.valentin@epita.fr>
Date: Sat, 27 Dec 2025 17:29:28 +0100
Subject: [PATCH] feat: add scrolle to match list in cmt

---
 .../src/pages/competition/editor/CMTMatchPanel.jsx     | 10 ++++++----
 .../webapp/src/pages/competition/editor/CMTable.jsx    |  3 ---
 .../competition/editor/CompetitionManagerRoot.jsx      |  2 +-
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/main/webapp/src/pages/competition/editor/CMTMatchPanel.jsx b/src/main/webapp/src/pages/competition/editor/CMTMatchPanel.jsx
index c8eae3f..d6f2966 100644
--- a/src/main/webapp/src/pages/competition/editor/CMTMatchPanel.jsx
+++ b/src/main/webapp/src/pages/competition/editor/CMTMatchPanel.jsx
@@ -247,7 +247,7 @@ function MatchList({matches, cat, menuActions}) {
             </div>
         }
 
-        <div className="table-responsive-xxl">
+        <div className="table-responsive-xxl overflow-y-auto" style={{maxHeight: "50vh"}}>
             <table className="table table-striped table-hover">
                 <thead>
                 <tr>
@@ -348,9 +348,11 @@ function BuildTree({treeData, matches, menuActions}) {
 
 
     return <div>
-        <div ref={scrollRef} className="overflow-x-auto" style={{position: "relative"}}>
-            <DrawGraph root={trees} scrollRef={scrollRef} onMatchClick={onMatchClick} onClickVoid={onClickVoid}
-                       matchSelect={currentMatch?.matchSelect} matchNext={currentMatch?.matchNext} size={23}/>
+        <div className="overflow-y-auto" style={{maxHeight: "50vh"}}>
+            <div ref={scrollRef} className="overflow-x-auto" style={{position: "relative"}}>
+                <DrawGraph root={trees} scrollRef={scrollRef} onMatchClick={onMatchClick} onClickVoid={onClickVoid}
+                           matchSelect={currentMatch?.matchSelect} matchNext={currentMatch?.matchNext} size={23}/>
+            </div>
         </div>
 
         {currentMatch?.matchSelect &&
diff --git a/src/main/webapp/src/pages/competition/editor/CMTable.jsx b/src/main/webapp/src/pages/competition/editor/CMTable.jsx
index e9e2ddb..1828795 100644
--- a/src/main/webapp/src/pages/competition/editor/CMTable.jsx
+++ b/src/main/webapp/src/pages/competition/editor/CMTable.jsx
@@ -49,9 +49,6 @@ export function CMTable() {
                             <CategorieSelect catId={catId} setCatId={setCatId} menuActions={menuActions}/>
                         </div>
                     </div>
-                    <div style={{backgroundColor: "#c70000"}}>
-                        D
-                    </div>
                 </div>
             </div>
             <Menu menuActions={menuActions}/>
diff --git a/src/main/webapp/src/pages/competition/editor/CompetitionManagerRoot.jsx b/src/main/webapp/src/pages/competition/editor/CompetitionManagerRoot.jsx
index f47dbd3..c78b6ac 100644
--- a/src/main/webapp/src/pages/competition/editor/CompetitionManagerRoot.jsx
+++ b/src/main/webapp/src/pages/competition/editor/CompetitionManagerRoot.jsx
@@ -95,7 +95,7 @@ function WSStatus({setPerm}) {
         return () => dispatch({type: 'removeListener', payload: welcomeListener})
     }, [])
 
-    return <div className="row">
+    return <div className="row" style={{marginRight: "inherit"}}>
         <h2 className="col">{name}</h2>
         <div className="col-auto" style={{margin: "auto 0", padding: 0}}>Serveur: <ColoredCircle
             color={isReady ? (inWait ? "#ffad32" : "#00c700") : "#e50000"}/>