docker
diff --git a/‎.DS_Store‎
6 KB b/‎.DS_Store‎
6 KB
diff --git a/‎.gitignore‎
Lines changed: 1 addition & 0 deletions b/‎.gitignore‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎app/.DS_Store‎
0 Bytes b/‎app/.DS_Store‎
0 Bytes
diff --git a/‎app/views/todos.ejs‎
Lines changed: 22 additions & 13 deletions b/‎app/views/todos.ejs‎
Lines changed: 22 additions & 13 deletions
@@ -1 +1,2 @@
 app/node_modules
+.vscode
@@ -12,20 +12,29 @@
 </head>
 
 <body>
-    <div class="app">
-        <header>
-            <nav class="navbar navbar-dark bg-primary">
-                <span class="navbar-brand mb-0 h1">Todo App</span>
-            </nav>
-        </header>
-        <div class="container">
-            <div class="row">
-                <div class="col-md-8 m-auto pt-4">
+    <div class="container m-5 p-2 rounded mx-auto bg-light shadow">
+        
+        <!-- App title section -->
+        <div class="row m-1 p-4">
+            <div class="col">
+                <div class="p-1 h1 text-primary text-center mx-auto display-inline-block">
+                    <u>Todo App</u>
+                </div>
+            </div>
+        </div>
+            <div class="row m-1 p-3">
+                <div class="col col-11 mx-auto">
                     <form method="POST" action="/" autocomplete="off">
-                        <div class="row">
-                            <div class="col-12 form-group">
-                                <label for="todo">Enter your task</label>
-                                <input type="text" name="task" class="form-control" />
+                        <div class="row m-1 p-3">
+                            <div class="col col-11 mx-auto">
+                                <div class="row bg-white rounded shadow-sm p-2 add-todo-wrapper align-items-center justify-content-center">
+                                    <div class="col">
+                                        <input class="form-control form-control-lg border-0 add-todo-input bg-transparent rounded" type="text" name="task" placeholder="Add new Task">
+                                    </div>
+                                    <div class="col-auto px-0 mx-0 mr-2">
+                                        <button type="submit" class="btn btn-primary">Add</button>
+                                    </div>
+                                </div>
                             </div>
                         </div>
                     </form>