Open a tactic in the personal space

front/style/home.css

@@ -27,6 +27,9 @@
 
 #personal-space {
     background-color: orange;
+    display: flex;
+    flex-direction: column;
+
 }
 
 #sideMenu {
@@ -59,11 +62,25 @@
     margin-bottom: 0px;
 }
 
-table {
+#bodyPersonalSpace {
+    width: 95%;
+    border : 1px red solid;
+    align-self: center;
+}
+#bodyPersonalSpace table{
     width: 100%;
+    border-collapse : separate;
+    border-spacing : 1em;
 }
 
 td {
-    text-align: center;
     border : 3px solid black;
+    padding-bottom : 1%;
+    padding-top : 1%;
+    margin: 80px;
+    text-align: center;  
+}
+
+td:hover {
+    background-color: red;
 }

front/views/Home.tsx

@@ -88,7 +88,7 @@ function BodyPersonalSpace({ allTactics } : { allTactics : Tactic[]}) {
     i = 0;
     while (i < nbRow) {
         listTactic[i] = listTactic[i].map((tactic : Tactic) => 
-            <td key={tactic.id}>{tactic.name}</td>
+            <td key={tactic.id} onClick={() => {location.pathname="/tactic/"+tactic.id+"/edit"}}>{tactic.name}</td>
         );
         i++;
     }