Add some more comments CSS

diff --git a/static/tweaks.css b/static/tweaks.css
index 017d69ec296e38bb34cea9a6a5a9187e85635821..b928092ddecc22dc8086b2fcb57410769b516bbc 100644 (file)
--- a/static/tweaks.css
+++ b/static/tweaks.css
@@ -80,3 +80,32 @@ section#comments .comment main p:first-child {
 section#comments .comment main p:last-child {
         margin-bottom: 0;
 }
+
+section#comments .comment footer {
+        font-size: smaller;
+        opacity: 0.9;
+        grid-area: interactions;
+}
+
+section#comments .comment footer .faves {
+        color: inherit;
+        text-decoration: none;
+}
+
+section#comments .comment footer .faves:hover {
+        opacity: 0.8;
+}
+
+section#comments .comment footer .faves::before {
+        color: red;
+        content: "♥";
+        font-size: 1rem;
+        margin-inline-end: 0.25em;
+}
+
+section#comments .comment .emoji {
+        display: inline;
+        height: 1.25em;
+        vertical-align: middle;
+        width: 1.25em;
+}