From 6de8a4f0fa498b4a41e18431caea6a326d416351 Mon Sep 17 00:00:00 2001
From: Florian THIERRY <florian.thierry72@gmail.com>
Date: Sun, 6 Mar 2022 13:02:02 +0100
Subject: [PATCH] Change style of task-list renaming dialog.

---
 .../rename-task-list.component.html                |  2 +-
 .../rename-task-list.component.scss                | 12 ++++++++++++
 src/app/task-lists/task-lists.component.ts         | 14 ++++++++++++--
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/app/task-lists/rename-task-list/rename-task-list.component.html b/src/app/task-lists/rename-task-list/rename-task-list.component.html
index aee5bd2..59e1cc8 100644
--- a/src/app/task-lists/rename-task-list/rename-task-list.component.html
+++ b/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>
diff --git a/src/app/task-lists/rename-task-list/rename-task-list.component.scss b/src/app/task-lists/rename-task-list/rename-task-list.component.scss
index e69de29..d40413b 100644
--- a/src/app/task-lists/rename-task-list/rename-task-list.component.scss
+++ b/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;
+    }
+}
\ No newline at end of file
diff --git a/src/app/task-lists/task-lists.component.ts b/src/app/task-lists/task-lists.component.ts
index 8a40ce3..b29df98 100644
--- a/src/app/task-lists/task-lists.component.ts
+++ b/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'
+      }
+    );
   }
 }