width: 7em;
border: none;
}
+.hide {
+ display: none;
+}
.task {
clear: right;
}
+.task > .task {
+ margin-left: 1em;
+}
.statedate {
+ font-size: 80%;
margin-right: 0.5em;
-}
+ padding: 0 .2em;
+ border-radius: 1em;
+}
+.task[data-state=cancelled] > .statedate { background-color: #fee; }
+.task[data-state=deleted] > .statedate { background-color: #ddd; }
+.task[data-state=done] > .statedate { background-color: #efe; }
+.task[data-state=someday-maybe] > .statedate { background-color: #eef; }
+.task[data-state=waiting] > .statedate { background-color: #fef; }
#ui {
padding: 15px 10px;
}