From a9a84f6701c7226f087b5d45ea0f3870bf736458 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 22 Nov 2021 14:38:11 -0600
Subject: [PATCH] MaterialStatus: stack avatars on top

---
 app/styles/components/status.scss | 33 +++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/app/styles/components/status.scss b/app/styles/components/status.scss
index a1eb66295..6a4a73f14 100644
--- a/app/styles/components/status.scss
+++ b/app/styles/components/status.scss
@@ -728,6 +728,39 @@ a.status-card.compact:hover {
     @include standard-panel;
     padding: 15px 0 10px;
   }
+
+  .status {
+    padding: 8px 10px;
+
+    &__avatar {
+      position: relative;
+      margin-right: 10px;
+      top: 0;
+      left: 0;
+    }
+
+    &__profile {
+      display: flex;
+      align-items: center;
+    }
+
+    &__display-name {
+      .display-name__account {
+        display: block;
+      }
+    }
+  }
+}
+
+@media screen and (min-width: 630px) {
+  .columns-area .material-status .status {
+    padding: 15px;
+
+    &__avatar {
+      top: 0;
+      left: 0;
+    }
+  }
 }
 
 .attachment-thumbs {