diff --git a/src/features/TaskList/NewTaskListPrompt.js b/src/features/TaskList/NewTaskListPrompt.js index 00b1efa..111cd2d 100644 --- a/src/features/TaskList/NewTaskListPrompt.js +++ b/src/features/TaskList/NewTaskListPrompt.js @@ -12,8 +12,9 @@ export function NewTaskListPrompt() { return (
setNewListname(e.target.value)} onKeyPress={e => { diff --git a/src/features/TaskList/TaskList.module.css b/src/features/TaskList/TaskList.module.css index fe149f2..c6fa59a 100644 --- a/src/features/TaskList/TaskList.module.css +++ b/src/features/TaskList/TaskList.module.css @@ -1,5 +1,6 @@ .listContainer { flex: 0 0 250px; + height: max-content; margin: 0 8px; padding: 0px 8px; padding-bottom: 8px; @@ -17,3 +18,13 @@ .listName { padding-left: 4px; } + +.newListInput { + margin: 16px 0; + font-size: 1em; + font-weight: bold; + border-radius: 3px; + border: unset; + padding: 2px 4px; + width: 100%; +}