TaskList - Make New List button better

src/features/TaskList/NewTaskListPrompt.js

@@ -12,8 +12,9 @@ export function NewTaskListPrompt() {
   return (
     <div className={styles.listContainer}>
       <input
+         className={styles.newListInput}
         type="text"
-        placeholder="Create list"
+        placeholder="+ Create list"
         value={newListname}
         onChange={e => setNewListname(e.target.value)}
         onKeyPress={e => {

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%;
+}