Use ng2-materialize in schedule module.

src/scheduler/schedule.module.ts

@@ -10,6 +10,7 @@ import { NgLoggerModule, Level } from '@nsalaun/ng-logger';
 import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { ToastrModule } from 'ngx-toastr';
 import { TextMaskModule } from 'angular2-text-mask';
+import { MaterializeModule } from 'ng2-materialize';
 
 import { ScheduleService } from './schedule.service';
 import { ScheduleDeleteModalComponent } from './scheduleDeleteModal.component';
@@ -30,7 +31,8 @@ import { ScheduleListState } from './schedule.states';
     NgLoggerModule,
     ToastrModule,
     NgbModule,
-    TextMaskModule
+    TextMaskModule,
+    MaterializeModule,
   ],
   providers: [
     ScheduleService,

src/scheduler/scheduleList.component.ts

@@ -16,7 +16,7 @@ import { Schedule } from './schedule';
   selector: 'schedule-list',
   template: `
 <div class="row">
-  <table class="table table-sm table-striped table-condensed table-hover">
+  <table class="bordered highlight responsive-table">
     <thead>
       <tr>
         <th>Date de d&eacute;but</th>
@@ -33,7 +33,7 @@ import { Schedule } from './schedule';
     <tbody>
       <tr>
         <td colspan="8">
-          <button class="btn btn-success" (click)="add()">
+          <button mz-button class="green" (click)="add()">
             Ajouter
           </button>
         </td>

src/scheduler/scheduleRow.component.ts

@@ -33,21 +33,19 @@ import { Schedule } from './schedule';
 <td>{{ schedule.category }}</td>
 
 <td>
-  <div class="btn-group btn-group-sm">
-    <!-- Edit operation. -->
-    <button type="button" class="btn btn-success"
-      (click)="modify()" title="edit">
-      <span class="fa fa-pencil-square-o"></span>
-    </button>
+  <!-- Edit operation. -->
+  <button mz-button [float]="true" class="green"
+    (click)="modify()" title="edit">
+    <span class="fa fa-pencil-square-o"></span>
+  </button>
 
-    <!-- Remove operation. -->
-    <button type="button" class="btn btn-danger"
-      [hidden]="!schedule.id"
-      (click)="confirmDelete()"
-      title="remove">
-      <span class="fa fa-trash"></span>
-    </button>
-  </div>
+  <!-- Remove operation. -->
+  <button mz-button [float]="true" class="red"
+    [hidden]="!schedule.id"
+    (click)="confirmDelete()"
+    title="remove">
+    <span class="fa fa-trash"></span>
+  </button>
 </td>
   `
 })