pleroma-fe

commit: 971cec024c393438e714714e0d8e291b3714eaec
parent b632d740c13ff4e5c98a7a101f26ca60cd2629bb
Author: Henry Jameson <me@hjkos.com>
Date:   Tue, 22 Mar 2022 10:20:45 +0200

fix avatars in mobile view

Diffstat:
M
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
@@ -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;
       }