- fix it: Order List Todo

- Split Todo List by Priority and by Completed
- Animation drag

src/components/todos/todo/todo.scss

@@ -1,8 +1,8 @@
 .flex-container{
-  background-color: #ccc;
+  background-color: rgb(250, 250, 250);
   padding: 5px;
   display: flex;
-  flex-flow: row nowrap;
+  flex-flow: row;
   justify-content: space-between;
 }
 
@@ -11,3 +11,22 @@
 .mycard {
   visibility: hidden;
 }
+
+.myitemdrag {
+  padding: 2px;
+  margin-top: 4px;
+  border: solid 1px #ccc;
+  transition: all .4s;
+}
+
+.myitemdrag-enter, .myitemdrag-leave-active {
+  opacity: 0;
+}
+
+.drag {
+  background-color: green;
+}
+
+.dragArea {
+  min-height: 10px;
+}