From acdbe3ab4828965dc39881866a162cc867a7f52d Mon Sep 17 00:00:00 2001
From: Alexis Lahouze <xals@lahouze.org>
Date: Sun, 27 Aug 2017 18:03:48 +0200
Subject: [PATCH] Update account list component template to use Materialize.

---
 src/accounts/accountList.component.ts | 48 ++++++++++++++-------------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/src/accounts/accountList.component.ts b/src/accounts/accountList.component.ts
index a9d48c8..fefbea0 100644
--- a/src/accounts/accountList.component.ts
+++ b/src/accounts/accountList.component.ts
@@ -15,31 +15,33 @@ import { AccountEditModalComponent } from './accountEditModal.component';
   selector: 'account-list',
   template: `
 <div class="row">
-  <table class="table table-sm table-striped table-condensed table-hover">
-    <thead>
-      <tr>
-        <th>Nom du compte</th>
-        <th>Solde courant</th>
-        <th>Solde pointé</th>
-        <th>Découvert autorisé</th>
-        <th>Actions</th>
-      </tr>
-    </thead>
+  <div class="col s12">
+    <table class="table table-sm table-striped table-condensed table-hover">
+      <thead>
+        <tr>
+          <th>Nom du compte</th>
+          <th>Solde courant</th>
+          <th>Solde pointé</th>
+          <th>Découvert autorisé</th>
+          <th>Actions</th>
+        </tr>
+      </thead>
 
-    <tbody>
-      <tr>
-        <td colspan="5">
-          <button class="btn btn-success" (click)="add()">
-            Ajouter
-          </button>
-        </td>
-      </tr>
+      <tbody>
+        <tr>
+          <td colspan="5">
+            <button class="btn btn-success" (click)="add()">
+              Ajouter
+            </button>
+          </td>
+        </tr>
 
-      <tr *ngFor="let account of accounts"
-        [account-row]="account" (needsReload)="load()">
-      </tr>
-    </tbody>
-  </table>
+        <tr *ngFor="let account of accounts"
+          [account-row]="account" (needsReload)="load()">
+        </tr>
+      </tbody>
+    </table>
+  </div>
 </div>
     `,
 })