add interaction counters

1 files changed, 19 insertions, 8 deletions

diff --git a/static/note.css b/static/note.css
index 7795882..fde4c62 100644
--- a/static/note.css
+++ b/static/note.css
@@ -94,15 +94,10 @@ article.note {
     gap: 16px;
     width: max-content;
 
-    button {
-      width: 24px;
-      font-size: 24px;
+    .interactButtonContainer {
+      display: flex;
+      align-items: center;
       color: #3b005e44;
-      cursor: pointer;
-
-      &:disabled {
-        opacity: 0.5;
-      }
 
       &.like.active {
         color: #8c22d8;
@@ -117,5 +112,21 @@ article.note {
         color: #0761b6;
       }
     }
+
+    label {
+      margin-left: 4px;
+      font-weight: bold;
+    }
+
+    button {
+      width: 24px;
+      font-size: 24px;
+      cursor: pointer;
+      color: inherit;
+
+      &:disabled {
+        opacity: 0.5;
+      }
+    }
   }
 }