From b5abe44bd96b72f39b313bcd61c28bdd303fda3f Mon Sep 17 00:00:00 2001
From: Alexis Lahouze <xals@lahouze.org>
Date: Sun, 27 Aug 2017 19:41:48 +0200
Subject: [PATCH] Fix operation row action buttons.

---
 src/operations/operationRow.component.ts | 56 ++++++++++++------------
 1 file changed, 27 insertions(+), 29 deletions(-)

diff --git a/src/operations/operationRow.component.ts b/src/operations/operationRow.component.ts
index 44d4e29..c96d058 100644
--- a/src/operations/operationRow.component.ts
+++ b/src/operations/operationRow.component.ts
@@ -39,38 +39,36 @@ import { OperationEditModalComponent } from './operationEditModal.component';
 <td>{{ operation.category }}</td>
 
 <td>
-  <div class="btn-group btn-group-sm">
-    <!-- Edit operation, for non-canceled operation. -->
-    <button type="button" class="btn btn-success"
-      *ngIf="!operation.canceled"
-      (click)="modify(operation)" title="edit">
-      <span class="fa fa-pencil-square-o"></span>
-    </button>
+  <!-- Edit operation, for non-canceled operation. -->
+  <button type="button" class="btn-floating green lighten-2"
+    *ngIf="!operation.canceled"
+    (click)="modify(operation)" title="edit">
+    <span class="fa fa-pencil-square-o"></span>
+  </button>
 
-    <!-- Toggle pointed operation, for non-canceled operations. -->
-    <button type="button" class="btn btn-secondary"
-      *ngIf="!operation.canceled"
-      (click)="togglePointed(operation)"
-      [class.active]="operation.pointed" title="point">
-      <span class="fa" [class.fa-check-square-o]="operation.pointed"
-        [class.fa-square-o]="!operation.pointed"></span>
-    </button>
+  <!-- Toggle pointed operation, for non-canceled operations. -->
+  <button type="button" class="btn-floating blue lighten-2"
+    *ngIf="!operation.canceled"
+    (click)="togglePointed(operation)"
+    [class.active]="operation.pointed" title="point">
+    <span class="fa" [class.fa-check-square-o]="operation.pointed"
+      [class.fa-square-o]="!operation.pointed"></span>
+  </button>
 
-    <!-- Toggle canceled operation. -->
-    <button type="button" class="btn btn-warning"
-      (click)="toggleCanceled(operation)"
-      *ngIf="operation.scheduled_operation_id"
-      [class.active]="operation.canceled" title="cancel">
-      <span class="fa fa-remove"></span>
-    </button>
+  <!-- Toggle canceled operation. -->
+  <button type="button" class="btn-floating orange lighten-2"
+    (click)="toggleCanceled(operation)"
+    *ngIf="operation.scheduled_operation_id"
+    [class.active]="operation.canceled" title="cancel">
+    <span class="fa fa-remove"></span>
+  </button>
 
-    <!-- Delete operation, with confirm. -->
-    <button type="button" class="btn btn-danger"
-      (click)="confirmDelete(operation)"
-      *ngIf="operation.id && !operation.scheduled_operation_id">
-      <span class="fa fa-trash-o"></span>
-    </button>
-  </div>
+  <!-- Delete operation, with confirm. -->
+  <button type="button" class="btn-floating red lighten-2"
+    (click)="confirmDelete(operation)"
+    *ngIf="operation.id && !operation.scheduled_operation_id">
+    <span class="fa fa-trash-o"></span>
+  </button>
 </td>
   `
 })