From c0040368655bdd6188c12d7be4eb90b61a30af0f Mon Sep 17 00:00:00 2001
From: bendtherules <abhasbhattacharya2@gmail.com>
Date: Mon, 30 Mar 2020 21:07:45 +0530
Subject: [PATCH] TaskList - Make New List button better

---
 src/features/TaskList/NewTaskListPrompt.js |  3 ++-
 src/features/TaskList/TaskList.module.css  | 11 +++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

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