From 9f078e238d389199f9db42e408ec5606f5001417 Mon Sep 17 00:00:00 2001
From: Renaud Chaput <renchap@gmail.com>
Date: Sat, 8 Jul 2023 00:12:31 +0200
Subject: [PATCH] Fix translate button position (#25807)

---
 app/javascript/mastodon/components/status_content.jsx | 2 +-
 app/javascript/styles/contrast/diff.scss              | 3 ++-
 app/javascript/styles/mastodon/components.scss        | 3 ++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/javascript/mastodon/components/status_content.jsx b/app/javascript/mastodon/components/status_content.jsx
index 688a4563193fd9a3484fd31f2ff8f7183fd76157..84a698810fcea24e8422b47c5a4aa56cf3de3a7c 100644
--- a/app/javascript/mastodon/components/status_content.jsx
+++ b/app/javascript/mastodon/components/status_content.jsx
@@ -44,7 +44,7 @@ class TranslateButton extends PureComponent {
     }
 
     return (
-      <button className='status__content__read-more-button' onClick={onClick}>
+      <button className='status__content__translate-button' onClick={onClick}>
         <FormattedMessage id='status.translate' defaultMessage='Translate' />
       </button>
     );
diff --git a/app/javascript/styles/contrast/diff.scss b/app/javascript/styles/contrast/diff.scss
index 4fa1a0361661c996980d7d770525a08077be3b20..1c2386f02d2df9d5bc6b41f5b06946e578e533ed 100644
--- a/app/javascript/styles/contrast/diff.scss
+++ b/app/javascript/styles/contrast/diff.scss
@@ -15,7 +15,8 @@
 .status__content a,
 .link-footer a,
 .reply-indicator__content a,
-.status__content__read-more-button {
+.status__content__read-more-button,
+.status__content__translate-button {
   text-decoration: underline;
 
   &:hover,
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index e66f8bdfe6c9e0b303544738069a33fb4345ef97..5e261e1ee93925040f924114376a61855d77bad6 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -981,7 +981,8 @@ body > [data-popper-placement] {
   max-height: 22px * 15; // 15 lines is roughly above 500 characters
 }
 
-.status__content__read-more-button {
+.status__content__read-more-button,
+.status__content__translate-button {
   display: block;
   font-size: 15px;
   line-height: 22px;