diff --git a/app/javascript/styles/mods/compact-padding.scss b/app/javascript/styles/mods/compact-padding.scss index 36bb6fdb9ab163..fc5c63abac6851 100644 --- a/app/javascript/styles/mods/compact-padding.scss +++ b/app/javascript/styles/mods/compact-padding.scss @@ -42,20 +42,6 @@ flex-grow: 0; } - .notification-ungrouped, .notification-group { - padding: 8px; - } - - .notification-ungrouped .status__content { - margin-inline-start: 0; - width: 100%; - } - - .notification-ungrouped .status__action-bar { - margin-inline-start: 0; - width: 100%; - } - .notification-group__icon { width: 24px; } @@ -64,4 +50,27 @@ margin-bottom: 4px; padding-inline-start: 0; } + + .notification-ungrouped, .notification-group { + padding: 8px; + } + + .notification-ungrouped { + .attachment-list, + .audio-player, + .content-warning, + .filter-warning, + .hashtag-bar, + .media-gallery, + .more-from-author, + .picture-in-picture-placeholder, + .status-card, + .status__action-bar, + .status__content, + .video-player { + margin-inline-start: 0; + width: 100%; + } + } + } diff --git a/app/javascript/styles/mods/legacy-style.scss b/app/javascript/styles/mods/legacy-style.scss index 8ecd71b0565db9..cd46b3413afe9d 100644 --- a/app/javascript/styles/mods/legacy-style.scss +++ b/app/javascript/styles/mods/legacy-style.scss @@ -123,17 +123,6 @@ .status__action-bar__button-wrapper { flex-grow: 0; } - .notification-ungrouped, .notification-group { - padding: 4px 4px 2px 4px; - } - .notification-ungrouped .status__content { - margin-inline-start: 0; - width: 100%; - } - .notification-ungrouped .status__action-bar { - margin-inline-start: 0; - width: 100%; - } .notification-group__icon { width: 24px; } @@ -141,4 +130,24 @@ margin-bottom: 4px; padding-inline-start: 0; } + .notification-ungrouped, .notification-group { + padding: 8px; + } + .notification-ungrouped { + .attachment-list, + .audio-player, + .content-warning, + .filter-warning, + .hashtag-bar, + .media-gallery, + .more-from-author, + .picture-in-picture-placeholder, + .status-card, + .status__action-bar, + .status__content, + .video-player { + margin-inline-start: 0; + width: 100%; + } + } }