Add icon of todo list and redesign the page.

1 files changed, 6 insertions, 23 deletions

diff --git a/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.css b/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.css
index ed260d5c..754b786e 100644
--- a/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.css
+++ b/Timeline/ClientApp/src/app/todo-list-page/todo-list-page.component.css
@@ -5,29 +5,20 @@
 .item-box {
   display: flex;
   width: 100%;
-  padding: 5px;
   box-sizing: border-box;
 }
 
 .first-item-box {
   justify-content: space-between;
+  padding: 0 0 5px 5px;
 }
 
-.item-card {
-  display: flex;
-  align-items: center;
-}
-
-.item-img {
-  padding: 1px;
-  background: white;
-  border-radius: 3px;
+.non-first-item-box {
+  padding: 5px;
 }
 
-.item-title {
-  padding-left: 5px;
-  color: black;
-  text-decoration: none;
+.space {
+  flex: 1 4 20px;
 }
 
 .sample-box {
@@ -35,7 +26,7 @@
   align-self: flex-start;
 }
 
-.sample-container {
+.sample-item {
   display: flex;
   align-items: center;
 }
@@ -46,11 +37,3 @@
   height: 1em;
   margin-right: 2px;
 }
-
-.sample-color-block-open {
-  background: tomato;
-}
-
-.sample-color-block-closed {
-  background: mediumspringgreen;
-}