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 {