smaller avatars in notifs and mobile timeline

also added rounded corners on the tiny ones

1 files changed, 3 insertions, 0 deletions

diff --git a/static/note.css b/static/note.css
index 6d3b215..8fa8424 100644
--- a/static/note.css
+++ b/static/note.css
@@ -47,6 +47,9 @@ article.note {
 
   img.avatar {
     width: var(--avatar-size);
+    @media (width < 1200px) {
+      width: var(--avatar-medium-size);
+    }
     aspect-ratio: 1;
     border-radius: var(--border-radius);
   }