Fix word wrapping in expanded left panel buttons (#31377)

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

res/css/structures/_QuickSettingsButton.pcss

@@ -36,6 +36,8 @@ Please see LICENSE files in the repository root for full details.
 
         /* align with settings icon */
         margin-left: 21px;
+        margin-right: 8px;
+        width: 100%;
 
         /**
          * modify internal css of the compound component
@@ -50,7 +52,8 @@ Please see LICENSE files in the repository root for full details.
             /* align with settings label */
             margin-right: 14px;
             /* required to set the icon width when into a flex container */
-            min-width: 24px;
+            width: 24px;
+            flex-shrink: 0;
         }
 
         & .mx_QuickSettingsButton_label {

res/css/structures/_ThreadsActivityCentre.pcss

@@ -23,6 +23,8 @@
 
         /* align with settings icon */
         margin-left: 21px;
+        margin-right: 8px;
+        width: 100%;
 
         /**
          * modify internal css of the compound component
@@ -31,13 +33,20 @@
         & > div {
             display: flex;
             align-items: center;
+
+            &::before {
+                inline-size: 8px;
+                block-size: 8px;
+                left: 17px;
+            }
         }
 
         & .mx_ThreadsActivityCentreButton_Icon {
             /* align with settings label */
             margin-right: 14px;
             /* required to set the icon width when into a flex container */
-            min-width: 24px;
+            width: 24px;
+            flex-shrink: 0;
         }
 
         & .mx_ThreadsActivityCentreButton_Text {