diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index af23aca901..ecc0dafc32 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -1168,6 +1168,10 @@ body > [data-popper-placement] { .notification__message { margin: -10px 0 10px; } + + .reactions-bar--empty { + display: none; + } } .status__relative-time { @@ -3457,7 +3461,8 @@ a.status-card.compact:hover { border-bottom: 0; .status__content, - .status__action-bar { + .status__action-bar, + .reactions-bar { margin-inline-start: 46px + 10px; width: calc(100% - (46px + 10px)); } @@ -4212,6 +4217,10 @@ a.status-card.compact:hover { text-align: center; } +.detailed-status__button .emoji-button { + padding: 0; +} + .column-settings__outer { background: lighten($ui-base-color, 8%); padding: 15px; @@ -5237,6 +5246,10 @@ a.status-card.compact:hover { align-items: center; display: flex; margin-top: 8px; + + & > .emoji-picker-dropdown > .emoji-button { + padding: 0; + } } .status__action-bar-button { diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index f57fbd36d7..803fd50053 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -1136,7 +1136,6 @@ body > [data-popper-placement] { .status__content, .status__action-bar, - .reactions-bar, .media-gallery, .video-player, .audio-player, @@ -1190,10 +1189,6 @@ body > [data-popper-placement] { } } } - - .reactions-bar--empty { - margin-top: 0; - } } .status__relative-time { @@ -1335,16 +1330,6 @@ body > [data-popper-placement] { align-items: center; gap: 18px; margin-top: 16px; - - & > .emoji-picker-dropdown > .emoji-button { - padding: 0; - } -} - -.status__action-bar-button { - .fa-plus { - padding-top: 1px; - } } .detailed-status__action-bar-dropdown { @@ -4236,10 +4221,6 @@ a.status-card { text-align: center; } -.detailed-status__button .emoji-button { - padding: 0; -} - .column-settings__outer { background: lighten($ui-base-color, 8%); padding: 15px;