WIP update the tactic research

front/style/home.css

@@ -1,11 +1,11 @@
 
 #main {
-    margin-left : 2%;
+    margin-left : 10%;
-    margin-right: 2%;
+    margin-right: 10%;
     border : solid 2px purple;
     display: flex;
     flex-direction: column;
-
+    font-family: Helvetica,;
 }
 
 .new {
@@ -30,8 +30,7 @@
 }
 
 #sideMenu {
-    background-color: blue;
+    background-color: grey;
-
 }
 
 #ps-title {
@@ -42,3 +41,20 @@
     display: inline-block;
     margin-right : 5%;
 }
+
+.titreSideMenu {
+    border-bottom: black solid 2px;
+    width: 95%;
+
+}
+
+#sideMenu .title {
+    font-size: 13px;
+    font-weight: bold;
+    color : #FFFFFF;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    background-color: black;
+    padding : 1.5%;  
+    margin-bottom: 0px;
+}

front/views/Home.tsx

@@ -25,7 +25,7 @@ export function Title() {
 }
 
 export function Body({ lastTactics } : { lastTactics : Tactic[] }) {
-    const widthPersonalSpace = 70;
+    const widthPersonalSpace = 67.5;
     const widthSideMenu = 100-widthPersonalSpace 
     return (
         <div id="body">
@@ -61,8 +61,8 @@ export function PersonalSpace({ width }: { width : number }) {
 
 export function Team() {
     return (
-        <div id="team">
+        <div className="titreSideMenu">
-            <h2>Mes équipes</h2>
+            <h2 className="title">Mes équipes</h2>
             <button className="new" onClick={() => location.pathname="/tactic/new"}>+</button>
         </div>
     )
@@ -80,13 +80,13 @@ export function Tactic({lastTactics} : { lastTactics : Tactic[]}) {
     );
     return (
         <div id="tactic">
-            <div id="titreTactic">
+            <div className="titreSideMenu">
-                <h2>Mes cinq dernières stratégies</h2>
+                <h2 className="title">Mes cinq dernières stratégies</h2>
                 <button className="new" id="createTactic" onClick={() => (location.pathname = "/tactic/new")}>+</button>
-                <ul>
+             </div>
-                    {listTactic}
+            <ul>
-                </ul>
+                {listTactic}
-            </div>
+            </ul>
         </div>
     )
 }

src/App/Controller/UserController.php

@@ -22,7 +22,7 @@ class UserController {
      */
     public function home(SessionHandle $session): ViewHttpResponse {
         $lastTactic = $this->tactics->getLast(5);
-        // var_dump($lastTactic);
+        var_dump($session->getAccount());
         return ViewHttpResponse::react("views/Home.tsx", [
             "lastTactics" => $lastTactic
         ]);