From 9bd151808c0280091a5794e27be7d0f0e4136711 Mon Sep 17 00:00:00 2001
From: diondiondion <mail@diondiondion.com>
Date: Mon, 22 Sep 2025 10:39:32 +0200
Subject: [PATCH] Fix line break in Read more button (#36216)

---
 app/javascript/styles/mastodon/components.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index f412d7938..acfc906dc 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -1413,7 +1413,6 @@
 .status__content__translate-button {
   display: flex;
   align-items: center;
-  width: min-content;
   font-size: 15px;
   line-height: 22px;
   color: $highlight-text-color;
@@ -1422,6 +1421,14 @@
   padding: 0;
   margin-top: 16px;
   text-decoration: none;
+  text-wrap: nowrap;
+
+  .status--is-quote & {
+    // Needed to prevent buttons from stretching across whole
+    // status width in Safari due to line-clamp
+    width: min-content;
+    white-space: nowrap;
+  }
 
   &:hover,
   &:active {