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 @@

-
+
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' + } + ); } }