Add display of votes on top of each prompt's vote button

[lmno.games] / empathy / empathy.css

diff --git a/empathy/empathy.css b/empathy/empathy.css
index f3a4c4b4cd0c60dc43222cbea0edbbabef96f182..d553597c6a4b2ca2b3f20b03d140668e5dee1bf6 100644 (file)
--- a/empathy/empathy.css
+++ b/empathy/empathy.css
@@ -8,3 +8,24 @@
     padding: 1em;
     margin-top: 0.25em;
 }
     padding: 1em;
     margin-top: 0.25em;
 }

+
+.vote-choices {
+    display: flex;
+}
+
+.vote-choice {
+    font-size: 40%;
+    background-color: var(--accent-color-bright);
+    color: var(--text-fg-on-accent-bright);
+    border-radius: 4px;
+    padding-left: 4px;
+    padding-right: 4px;
+    margin-right: 0.5em;
+}
+
+@media (hover:hover) {
+    button:hover .vote-choice {
+        background-color: var(--accent-color);
+        color: var(--text-fg-on-accent);
+    }
+}