From 971cec024c393438e714714e0d8e291b3714eaec Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 22 Mar 2022 10:20:45 +0200
Subject: [PATCH] fix avatars in mobile view

---
 src/components/status/status.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 3f647b25..0335dd54 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -402,17 +402,17 @@
   }
 
   @media all and (max-width: 800px) {
-    .repeater-avatar {
+    > .repeater-avatar {
       margin-left: 20px;
     }
 
-    .avatar:not(.repeater-avatar) {
+    > .avatar:not(.repeater-avatar) {
       width: 40px;
       height: 40px;
 
       // TODO define those other way somehow?
       // stylelint-disable rscss/class-format
-      &.avatar-compact {
+      &.-compact {
         width: 32px;
         height: 32px;
       }