From bcb4ed952a26276d4fac699b2245a6edfeba6a2c Mon Sep 17 00:00:00 2001
From: ChaosExAnima <ChaosExAnima@users.noreply.github.com>
Date: Fri, 11 Sep 2026 18:23:36 +0200
Subject: [PATCH] remove .buttonAlign class

---
 app/javascript/mastodon/components/status/action_bar.tsx     | 5 ++---
 app/javascript/mastodon/components/status/content.tsx        | 3 ++-
 app/javascript/mastodon/components/status/styles.module.scss | 4 ----
 app/javascript/mastodon/components/status/translate.tsx      | 4 ++--
 4 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/app/javascript/mastodon/components/status/action_bar.tsx b/app/javascript/mastodon/components/status/action_bar.tsx
index afebb037400..05cd8a01ee9 100644
--- a/app/javascript/mastodon/components/status/action_bar.tsx
+++ b/app/javascript/mastodon/components/status/action_bar.tsx
@@ -3,8 +3,6 @@ import { useCallback, useMemo } from 'react';
 
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import classNames from 'classnames';
-
 import {
   ArrowsClockwiseIcon,
   BookmarkSimpleIcon,
@@ -214,9 +212,10 @@ export const StatusActionBar: React.FC<StatusActionBarProps> = ({
     isQuotingMe && contextType === 'notifications';
 
   return (
-    <div className={classNames(classes.actions, classes.buttonAlign)}>
+    <div className={classes.actions}>
       <Button
         size='sm'
+        clipPadding
         variant='ghost'
         title={intl.formatMessage(messages.replyAll)}
         leadingIcon={ChatCircleTextIcon}
diff --git a/app/javascript/mastodon/components/status/content.tsx b/app/javascript/mastodon/components/status/content.tsx
index cdd649300d1..3e4bdb8abb5 100644
--- a/app/javascript/mastodon/components/status/content.tsx
+++ b/app/javascript/mastodon/components/status/content.tsx
@@ -87,10 +87,11 @@ export const StatusContent: React.FC<
       {isCollapsed && (
         <Button
           size='sm'
+          clipPadding
           variant='ghost'
           onClick={onReadMore}
           trailingIcon={CaretRightIcon}
-          className={classNames(classes.contentReadMore, classes.buttonAlign)}
+          className={classes.contentReadMore}
         >
           <FormattedMessage id='status.read_more' defaultMessage='Read more' />
         </Button>
diff --git a/app/javascript/mastodon/components/status/styles.module.scss b/app/javascript/mastodon/components/status/styles.module.scss
index 92559ed41c2..e630fefc46a 100644
--- a/app/javascript/mastodon/components/status/styles.module.scss
+++ b/app/javascript/mastodon/components/status/styles.module.scss
@@ -162,7 +162,3 @@
 .actionsButtonGap {
   margin-inline-end: auto;
 }
-
-.buttonAlign {
-  margin-inline-start: calc(-1 * var(--space-sm));
-}
diff --git a/app/javascript/mastodon/components/status/translate.tsx b/app/javascript/mastodon/components/status/translate.tsx
index 932c1994b06..b77264c8ea5 100644
--- a/app/javascript/mastodon/components/status/translate.tsx
+++ b/app/javascript/mastodon/components/status/translate.tsx
@@ -37,11 +37,11 @@ export const TranslateButton: React.FC<{
       <div className={classes.translate}>
         <Button
           size='sm'
+          clipPadding
           color='accent'
           variant='ghost'
           onClick={onTranslate}
           leadingIcon={TranslateIcon}
-          className={classes.buttonAlign}
           loading={translation?.isLoading}
         >
           <FormattedMessage id='status.translate' defaultMessage='Translate' />
@@ -62,11 +62,11 @@ export const TranslateButton: React.FC<{
     <div className={classes.translate}>
       <Button
         size='sm'
+        clipPadding
         color='accent'
         variant='ghost'
         onClick={onTranslate}
         leadingIcon={TranslateIcon}
-        className={classes.buttonAlign}
       >
         <FormattedMessage
           id='status.show_original'