diff --git a/app/javascript/flavours/glitch/features/compose/components/publisher.jsx b/app/javascript/flavours/glitch/features/compose/components/publisher.jsx index 902f211a4..925913d48 100644 --- a/app/javascript/flavours/glitch/features/compose/components/publisher.jsx +++ b/app/javascript/flavours/glitch/features/compose/components/publisher.jsx @@ -62,9 +62,10 @@ class Publisher extends ImmutablePureComponent { } else if (privacy === "private" || privacy === "direct") { const iconId = privacyIcons[privacy]; publishText = ( - - {intl.formatMessage(messages.publish)} - + <> + + {intl.formatMessage(messages.publish)} + ); } else { publishText = privacy !== "unlisted" ? intl.formatMessage(messages.publishLoud, { publish: intl.formatMessage(messages.publish) }) : intl.formatMessage(messages.publish); @@ -80,7 +81,6 @@ class Publisher extends ImmutablePureComponent { return (
{sideArm && !isEditing && sideArm !== "none" ? ( -
) : null} -
); } diff --git a/app/javascript/flavours/glitch/styles/components/compose_form.scss b/app/javascript/flavours/glitch/styles/components/compose_form.scss index b01d8f557..030f22be3 100644 --- a/app/javascript/flavours/glitch/styles/components/compose_form.scss +++ b/app/javascript/flavours/glitch/styles/components/compose_form.scss @@ -609,23 +609,22 @@ .compose-form__publish { display: flex; - justify-content: flex-end; - min-width: 0; - flex: 0 0 auto; column-gap: 5px; + flex: 0 0 auto; + justify-content: flex-end; + margin-top: 10px; + min-width: 0; - .compose-form__publish-button-wrapper { - overflow: hidden; - padding-top: 10px; + button { + --size-icon: 18px; - button { - padding: 7px 10px; - text-align: center; - } - - & > .side_arm { - width: 36px; - } + display: flex; + align-items: center; + flex-shrink: 0; + gap: 5px; + padding: 8px 12px; + line-height: 20px; + text-align: center; } } diff --git a/app/javascript/flavours/glitch/styles/gts.scss b/app/javascript/flavours/glitch/styles/gts.scss index 75f3ea218..bbe43dbbe 100644 --- a/app/javascript/flavours/glitch/styles/gts.scss +++ b/app/javascript/flavours/glitch/styles/gts.scss @@ -14,6 +14,7 @@ /* Diff */ .gts-icon { display: inline-block; + flex-shrink: 0; width: var(--size-icon); height: var(--size-icon); }