Add icon of todo list and redesign the page.

1 files changed, 27 insertions, 0 deletions

diff --git a/Timeline/ClientApp/src/app/todo-item/todo-item.component.css b/Timeline/ClientApp/src/app/todo-item/todo-item.component.css
new file mode 100644
index 00000000..ef952a04
--- /dev/null
+++ b/Timeline/ClientApp/src/app/todo-item/todo-item.component.css
@@ -0,0 +1,27 @@
+.item-card {
+  padding: 0;
+  display: flex;
+  overflow: hidden;
+}
+
+.item-color-block {
+  width: 15px;
+  align-self: stretch;
+  flex: 0 0 auto;
+}
+
+.item-icon {
+  width: 1.2em;
+  height: 1.2em;
+  vertical-align: -0.25em;
+}
+
+.item-title {
+  vertical-align: middle;
+}
+
+.item-detail-button {
+  width: unset;
+  height: unset;
+  line-height: unset;
+}