Change style of task-list renaming dialog.

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

@@ -8,7 +8,7 @@
 			</mat-error>
 		</mat-form-field>
 	</p>
-	<div>
+	<div class="actions">
 		<button class="raised" type="button" (click)="close()">Annuler</button>
 		<button class="raised" type="submit">Renommer la liste</button>
 	</div>

src/app/task-lists/rename-task-list/rename-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/task-lists.component.ts

@@ -32,7 +32,12 @@ export class TaskListsComponent implements OnInit, OnDestroy {
   }
 
   openNewListForm(): void {
-    this._dialog.open(AddTaskListComponent);
+    this._dialog.open(
+      AddTaskListComponent, 
+      {
+        width: '20rem'
+      }
+    );
   }
 
   selectActiveTaskList(taskList: TaskList): void {
@@ -60,6 +65,11 @@ export class TaskListsComponent implements OnInit, OnDestroy {
   }
 
   renameSelectedTaskList(): void {
-    this._dialog.open(RenameTaskListComponent);
+    this._dialog.open(
+      RenameTaskListComponent,
+      {
+        width: '20rem'
+      }
+    );
   }
 }