make mentions work properly + ui for them

1 files changed, 9 insertions, 4 deletions

diff --git a/static/note.css b/static/note.css
index 3051488..28f6fff 100644
--- a/static/note.css
+++ b/static/note.css
@@ -114,12 +114,17 @@ article.note {
     }
   }
 
-  .replyInfo a {
+  .replyInfo {
     font-size: var(--font-small-size);
     color: var(--clr-lesser-foreground);
-    text-decoration: none;
-    &:hover {
-      text-decoration: underline;
+    display: flex;
+    gap: var(--spacing-half);
+    a {
+      color: inherit;
+      text-decoration: none;
+      &:hover {
+        text-decoration: underline;
+      }
     }
   }