From 9f426e2c6d4a744a8b68b4011d1d44d3551ada0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?K=C3=A9vin=20Commaille?= <zecakeh@tedomum.fr>
Date: Sun, 11 May 2025 12:45:19 +0200
Subject: [PATCH] message-toolbar: Fix style of text when user cannot send a
 message

Works better on narrow screens.
---
 data/resources/stylesheet/_room_history.scss  |  4 ++++
 .../room_history/message_toolbar/mod.ui       | 23 +++++++++++++------
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/data/resources/stylesheet/_room_history.scss b/data/resources/stylesheet/_room_history.scss
index 0196c51d..e25f1c40 100644
--- a/data/resources/stylesheet/_room_history.scss
+++ b/data/resources/stylesheet/_room_history.scss
@@ -467,3 +467,7 @@ typing-row {
 button.send-text-message-button image {
   transform: translateX(2px);
 }
+
+.composer-replacement {
+  margin: 12px;
+}
diff --git a/src/session/view/content/room_history/message_toolbar/mod.ui b/src/session/view/content/room_history/message_toolbar/mod.ui
index bbc587cc..edb54513 100644
--- a/src/session/view/content/room_history/message_toolbar/mod.ui
+++ b/src/session/view/content/room_history/message_toolbar/mod.ui
@@ -171,15 +171,24 @@
           <object class="GtkStackPage">
             <property name="name">disabled</property>
             <property name="child">
-              <object class="GtkLabel">
-                <property name="label" translatable="yes">You don’t have permission to send messages to this room</property>
-                <property name="wrap">True</property>
-                <property name="wrap-mode">word-char</property>
-                <property name="halign">center</property>
-                <property name="valign">center</property>
+              <object class="AdwClamp">
+                <property name="hexpand">True</property>
                 <style>
-                  <class name="heading"/>
+                  <class name="composer-replacement"/>
                 </style>
+                <property name="child">
+                  <object class="GtkLabel">
+                    <property name="label" translatable="yes">You don’t have permission to send messages to this room</property>
+                    <property name="wrap">True</property>
+                    <property name="wrap-mode">word-char</property>
+                    <property name="halign">center</property>
+                    <property name="valign">center</property>
+                    <property name="justify">center</property>
+                    <style>
+                      <class name="heading"/>
+                    </style>
+                  </object>
+                </property>
               </object>
             </property>
           </object>