From: Scott Worley <scottworley@scottworley.com>
Date: Fri, 28 Jan 2022 07:07:47 +0000 (-0800)
Subject: Style the state-dates
X-Git-Url: http://git.scottworley.com/vopamoi/commitdiff_plain/dc472fc583b2a3dc291ea6ec871842155d342d98?ds=sidebyside

Style the state-dates
---

diff --git a/vopamoi.css b/vopamoi.css
index 68d4773..ac29e30 100644
--- a/vopamoi.css
+++ b/vopamoi.css
@@ -19,8 +19,16 @@ input.tag {
   clear: right;
 }
 .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;
 }