From aadd3e3515228b3289973d98e6ec7c88e2d4c446 Mon Sep 17 00:00:00 2001
From: Arnaud Ferraris <arnaud.ferraris@gmail.com>
Date: Sun, 12 Jul 2020 22:17:39 +0200
Subject: [PATCH] ui: call-display: wrap toggle buttons' labels

For some locales, the buttons' labels can be quite long, making the
window wider than the display.

Using a line wrap will solve this issue when there wouldn't be shorter
translation alternatives. This requires reducing the encryption indicator's
margins so the window height doesn't grow beyond the available display size.
---
 src/ui/call-display.ui | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/ui/call-display.ui b/src/ui/call-display.ui
index 35cb5c6..bf0e079 100644
--- a/src/ui/call-display.ui
+++ b/src/ui/call-display.ui
@@ -121,6 +121,8 @@
                                     <property name="visible">True</property>
                                     <property name="can_focus">False</property>
                                     <property name="margin_bottom">4</property>
+                                    <property name="wrap">True</property>
+                                    <property name="justify">center</property>
                                     <property name="label" translatable="yes">Mute</property>
                                   </object>
                                 </child>
@@ -156,6 +158,8 @@
                                     <property name="visible">True</property>
                                     <property name="can_focus">False</property>
                                     <property name="margin_bottom">4</property>
+                                    <property name="wrap">True</property>
+                                    <property name="justify">center</property>
                                     <property name="label" translatable="yes">Speaker</property>
                                   </object>
                                 </child>
@@ -190,6 +194,8 @@
                                     <property name="visible">True</property>
                                     <property name="can_focus">False</property>
                                     <property name="margin_bottom">4</property>
+                                    <property name="wrap">True</property>
+                                    <property name="justify">center</property>
                                     <property name="label" translatable="yes">Add call</property>
                                   </object>
                                 </child>
@@ -233,6 +239,8 @@
                                     <property name="visible">True</property>
                                     <property name="can_focus">False</property>
                                     <property name="margin_bottom">4</property>
+                                    <property name="wrap">True</property>
+                                    <property name="justify">center</property>
                                     <property name="label" translatable="yes">Hold</property>
                                   </object>
                                 </child>
@@ -267,6 +275,8 @@
                                     <property name="visible">True</property>
                                     <property name="can_focus">False</property>
                                     <property name="margin_bottom">4</property>
+                                    <property name="wrap">True</property>
+                                    <property name="justify">center</property>
                                     <property name="label" translatable="yes">Dial Pad</property>
                                   </object>
                                 </child>
@@ -294,8 +304,8 @@
         <child>
           <object class="CallsEncryptionIndicator" id="encryption_indicator">
             <property name="can_focus">False</property>
-            <property name="margin_top">50</property>
-            <property name="margin_bottom">30</property>
+            <property name="margin_top">30</property>
+            <property name="margin_bottom">20</property>
             <property name="visible">True</property>
           </object>
         </child>