From e592efd25d279217f0d5bf6b6e66c585a690a6c7 Mon Sep 17 00:00:00 2001
From: Alexis Lahouze <xals@lahouze.org>
Date: Sun, 27 Aug 2017 19:38:51 +0200
Subject: [PATCH] Fix operation table styles.

---
 src/operations/operationList.component.ts |  6 +++---
 src/operations/operationRow.component.ts  | 10 ++++++----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/operations/operationList.component.ts b/src/operations/operationList.component.ts
index df5a2f9..db38137 100644
--- a/src/operations/operationList.component.ts
+++ b/src/operations/operationList.component.ts
@@ -34,7 +34,7 @@ import { OperationEditModalComponent } from './operationEditModal.component';
 
   <div class="row">
     <div class="col s12">
-      <table class="table table-striped table-condensed table-hover">
+      <table class="bordered highlight responsive-table">
         <thead>
           <tr>
             <th>#</th>
@@ -49,8 +49,8 @@ import { OperationEditModalComponent } from './operationEditModal.component';
 
         <tbody>
           <tr>
-            <td colspan="6">
-              <button class="btn btn-success" (click)="add()">
+            <td colspan="7">
+              <button class="btn waves-effect green lighten2" (click)="add()">
                 Ajouter
               </button>
             </td>
diff --git a/src/operations/operationRow.component.ts b/src/operations/operationRow.component.ts
index 0d9db50..44d4e29 100644
--- a/src/operations/operationRow.component.ts
+++ b/src/operations/operationRow.component.ts
@@ -17,8 +17,9 @@ import { OperationEditModalComponent } from './operationEditModal.component';
     "[id]": "operation.id",
     "[class.stroke]": "operation.canceled",
     "[class.italic]": "!operation.confirmed",
-    "[class.warning]": "operation.balance < 0",
-    "[class.danger]": "operation.balance < account.authorized_overdraft"
+    "class": "lighten-5",
+    "[class.orange]": "account.authorized_overdraft < 0 && operation.balance < 0",
+    "[class.red]": "operation.balance < account.authorized_overdraft"
   },
   template: `
 <td>{{ operation.id }}</td>
@@ -29,8 +30,9 @@ import { OperationEditModalComponent } from './operationEditModal.component';
 
 <td>{{ operation.value | currency:'EUR':true }}</td>
 
-<td [class.text-warning]="operation.balance < 0"
-    [class.text-danger]="operation.balance < account.authorized_overdraft">
+<td class="test-lighten-2"
+  [class.orange-text]="account.authorized_overdraft < 0 && operation.balance < 0"
+  [class.red-text]="operation.balance < account.authorized_overdraft">
   {{ operation.balance | currency:'EUR':true }}
 </td>