implement blocking users

it doesn't work yet for notifications! but i think i got it in most other places

4 files changed, 20 insertions, 0 deletions

diff --git a/static/icons.css b/static/icons.css
index e15e59c..e40c30b 100644
--- a/static/icons.css
+++ b/static/icons.css
@@ -72,4 +72,10 @@
   &.close {
     --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E");
   }
+  &.block {
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q1.35 0 2.6-.437t2.3-1.263L5.7 7.1q-.825 1.05-1.263 2.3T4 12q0 3.35 2.325 5.675T12 20m6.3-3.1q.825-1.05 1.263-2.3T20 12q0-3.35-2.325-5.675T12 4q-1.35 0-2.6.437T7.1 5.7z'/%3E%3C/svg%3E");
+  }
+  &.remove {
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 13v-2h14v2z'/%3E%3C/svg%3E");
+  }
 }
diff --git a/static/misc.css b/static/misc.css
index 138b0fb..8f37d21 100644
--- a/static/misc.css
+++ b/static/misc.css
@@ -42,6 +42,7 @@ button.material-symbols {
   aspect-ratio: 1;
   margin: 0;
   padding: 0;
+  cursor: pointer;
 }
 
 .material-symbols {
diff --git a/static/note.css b/static/note.css
index 7e0f529..3051488 100644
--- a/static/note.css
+++ b/static/note.css
@@ -167,3 +167,10 @@ article.note {
     }
   }
 }
+
+article.note.hidden {
+  padding-top: 0;
+  padding-bottom: 0;
+  display: block;
+  text-align: center;
+}
diff --git a/static/profile.css b/static/profile.css
index 7783206..c2e48ed 100644
--- a/static/profile.css
+++ b/static/profile.css
@@ -34,6 +34,12 @@
     }
   }
 
+  .profileMiniActions {
+    display: grid;
+    grid-auto-flow: column;
+    gap: var(--spacing-double);
+  }
+
   .profileActions {
     display: grid;
     justify-content: end;