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: fix avatars in mobile view

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

(limited to 'src')

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;
       }
-- 
cgit v1.2.3-70-g09d2


From c6e0dcf08eda87867a3848ca49cb0f8c2ce9a02c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 22 Mar 2022 11:43:51 +0200
Subject: fix even more issues with avatars

---
 src/components/status/status.scss | 2 +-
 src/components/status/status.vue  | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index 3f647b25..ae368bb7 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -406,7 +406,7 @@
       margin-left: 20px;
     }
 
-    .avatar:not(.repeater-avatar) {
+    .post-avatar {
       width: 40px;
       height: 40px;
 
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 3de4c471..2387151e 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -125,6 +125,7 @@
             @click.stop.prevent.capture.native="toggleUserExpanded"
           >
             <UserAvatar
+              class="post-avatar"
               :bot="botIndicator"
               :compact="compact"
               :better-shadow="betterShadow"
@@ -454,6 +455,7 @@
       >
         <div class="left-side">
           <UserAvatar
+            class="post-avatar"
             :compact="compact"
             :bot="botIndicator"
           />
-- 
cgit v1.2.3-70-g09d2


From fa99abf1068e75b89221130c6d5d4c83fcbcefd9 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 22 Mar 2022 11:57:21 +0200
Subject: quick fix for alignment in avatars, juggling multiple branches is
 confusing

---
 src/components/status/status.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/components/status/status.scss b/src/components/status/status.scss
index d57c7335..5ed43e0d 100644
--- a/src/components/status/status.scss
+++ b/src/components/status/status.scss
@@ -402,7 +402,7 @@
   }
 
   @media all and (max-width: 800px) {
-    > .repeater-avatar {
+    .repeater-avatar {
       margin-left: 20px;
     }
 
-- 
cgit v1.2.3-70-g09d2