add interaction buttons (they dont do anything)

1 files changed, 27 insertions, 2 deletions

diff --git a/static/style.css b/static/style.css
index fc548fc..c94a011 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,5 +1,3 @@
-@import url(https://fonts.bunny.net/css?family=dm-sans:400,400i,800,800i);
-
 html,
 body {
   background: #fdf5ff;
@@ -67,6 +65,7 @@ h1 {
 hr {
   border: none;
   border-top: 1px solid #5554;
+  margin: 0px 16px;
 }
 
 article.note {
@@ -102,6 +101,21 @@ article.note {
       overflow: hidden;
     }
   }
+
+  .buttons {
+    margin-top: 8px;
+    padding: 0;
+    display: grid;
+    grid-auto-flow: column;
+    gap: 16px;
+    width: max-content;
+
+    button {
+      width: 24px;
+      font-size: 24px;
+      color: #3b005e44;
+    }
+  }
 }
 
 .alertbox {
@@ -119,6 +133,17 @@ article.note {
   }
 }
 
+button.icon {
+  border: none;
+  background: none;
+  aspect-ratio: 1;
+  margin: 0;
+  padding: 0;
+  &.active {
+    font-variation-settings: "FILL" 1;
+  }
+}
+
 .fullProfile {
   border-radius: 8px;
   margin: 16px;