Changement Front agence

src/app/components/agence/agence.component.html

@@ -1,18 +1,29 @@
 <div xmlns="">
   <h2>Agences</h2>
 
-  <table *ngFor="let agence of agences">
-
-    <td> {{agence.name}} </td>
-    <td></td>
-    <td> <a routerLink="{{agence.id}}"> Modifier </a></td>
+  <table>
+    <tr>
+      <th>Name</th>
+    </tr>
+    <tr *ngFor="let agence of agences">
+      <td class="list"> {{agence.name}} </td>
+      <td class="list"> <a routerLink="{{agence.id}}"> Modifier </a></td>
+    </tr>
   </table>
 
   <h3>Ajouter une agence : </h3>
 
   <div>
-    <label class="col-2" for="agence-name">Agence name</label>
-    <input id="agence-name" [(ngModel)]="agence.name" placeholder="name">
+    <table>
+      <tr>
+        <th>Name</th>
+      </tr>
+      <tr>
+        <td>
+          <input id="agence-name" [(ngModel)]="agence.name" placeholder="name">
+        </td>
+      </tr>
+    </table>
   </div>
 
   <button class="add-button" (click)="add(agence)">