Change task-list adding dialog style.

src/app/core/components/header/header.component.ts

@@ -34,7 +34,12 @@ export class HeaderComponent implements OnInit, OnDestroy {
   }
 
   openNewListForm(): void {
-    this._dialog.open(AddTaskListComponent);
+    this._dialog.open(
+      AddTaskListComponent, 
+      {
+        width: '20rem'
+      }
+    );
   }
 
   goTaskListsPane(): void {

src/app/task-lists/add-task-list/add-task-list.component.html

@@ -1,3 +1,4 @@
+<h2>Création d'une task-list</h2>
 <form [formGroup]="addTaskListFormGroup" (submit)="onSubmit()" ngNativeValidate>
   <p>
     <mat-form-field>
@@ -8,8 +9,8 @@
       </mat-error>
     </mat-form-field>
   </p>
-  <div>
-    <button mat-raised-button type="button" (click)="close()">Annuler</button>
-    <button mat-raised-button type="submit">Créer une liste</button>
+  <div class="actions">
+    <button class="raised" type="button" (click)="close()">Annuler</button>
+    <button class="raised"  type="submit">Créer une liste</button>
   </div>
 </form>

src/app/task-lists/add-task-list/add-task-list.component.scss

@@ -0,0 +1,12 @@
+form {
+    p {
+        mat-form-field {
+            width: 100%;
+        }
+    }
+    .actions {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+    }
+}

src/app/task-lists/rename-task-list/rename-task-list.component.html

@@ -1,3 +1,4 @@
+<h2>Renommage d'une task-list</h2>
 <form [formGroup]="renameTaskListFormGroup" (submit)="onSubmit()" ngNativeValidate>
 	<p>
 		<mat-form-field>

src/app/task-lists/task-lists.component.ts

@@ -31,15 +31,6 @@ export class TaskListsComponent implements OnInit, OnDestroy {
     this._storeSubscription?.unsubscribe();
   }
 
-  openNewListForm(): void {
-    this._dialog.open(
-      AddTaskListComponent, 
-      {
-        width: '20rem'
-      }
-    );
-  }
-
   selectActiveTaskList(taskList: TaskList): void {
     if (this.isSelectionModeEnabled()) {
       this._taskListService.selectTaskList(taskList);