Fix a regression with the content warning text wrapping unintentional…

…ly in the advanced view

CHANGELOG.md

@@ -1,3 +1,7 @@
+### 2.0.2: 2024-10-08
+
+* Fix a regression with the content warning text wrapping unintentionally in the advanced view
+
 ### 2.0.1: 2024-10-08
 
 * Fixes to heart icon on servers that have numbers enabled

layout-multiple-columns.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.0.1 */
+   2.0.2 */
 
 /* CSS variables */
 :root {
@@ -1041,7 +1041,7 @@ body .content-warning {
   color: var(--color-light-purple);
   display: grid;
   font-size: var(--font-size-mid);
-  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
+  grid-template-columns: minmax(0, 3fr) minmax(88px, 1fr);
   padding: 10px 16px;
   white-space: unset;
 }
@@ -1062,8 +1062,8 @@ body .content-warning .link-button {
   font-size: var(--font-size-mid);
   font-weight: var(--font-weight-semibold);
   justify-self: flex-end;
-  min-width: 65px;
   text-align: right;
+  white-space: nowrap;
 }
 
 /* New content warnings in 4.3.0.beta.1-mementomods-2024-08-23 */

layout-single-column.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.0.1 */
+   2.0.2 */
 
 /* CSS variables */
 :root {
@@ -1044,7 +1044,7 @@ body .content-warning {
   color: var(--color-light-purple);
   display: grid;
   font-size: var(--font-size-mid);
-  grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
+  grid-template-columns: minmax(0, 3fr) minmax(88px, 1fr);
   padding: 10px 16px;
   white-space: unset;
 }
@@ -1065,8 +1065,8 @@ body .content-warning .link-button {
   font-size: var(--font-size-mid);
   font-weight: var(--font-weight-semibold);
   justify-self: flex-end;
-  min-width: 65px;
   text-align: right;
+  white-space: nowrap;
 }
 
 /* New content warnings in 4.3.0.beta.1-mementomods-2024-08-23 */

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "",
   "main": "index.js",
   "scripts": {