From fca133b6d4a598cb8b6ce0d65c0afda0f962b0f3 Mon Sep 17 00:00:00 2001
From: Michael Weimann <michaelw@matrix.org>
Date: Fri, 25 Nov 2022 15:16:17 +0100
Subject: [PATCH 1/3] Tweak voice broadcast play icon

---
 res/css/voice-broadcast/atoms/_VoiceBroadcastControl.pcss    | 5 +++++
 .../components/molecules/VoiceBroadcastPlaybackBody.tsx      | 4 ++++
 .../__snapshots__/VoiceBroadcastPlaybackBody-test.tsx.snap   | 4 ++--
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/res/css/voice-broadcast/atoms/_VoiceBroadcastControl.pcss b/res/css/voice-broadcast/atoms/_VoiceBroadcastControl.pcss
index ff892767e4a..efe4b974453 100644
--- a/res/css/voice-broadcast/atoms/_VoiceBroadcastControl.pcss
+++ b/res/css/voice-broadcast/atoms/_VoiceBroadcastControl.pcss
@@ -28,3 +28,8 @@ limitations under the License.
 .mx_VoiceBroadcastControl-recording {
     color: $alert;
 }
+
+.mx_VoiceBroadcastControl-play .mx_Icon {
+    left: 1px;
+    position: relative;
+}
diff --git a/src/voice-broadcast/components/molecules/VoiceBroadcastPlaybackBody.tsx b/src/voice-broadcast/components/molecules/VoiceBroadcastPlaybackBody.tsx
index 9999603c08c..6c162233881 100644
--- a/src/voice-broadcast/components/molecules/VoiceBroadcastPlaybackBody.tsx
+++ b/src/voice-broadcast/components/molecules/VoiceBroadcastPlaybackBody.tsx
@@ -62,14 +62,17 @@ export const VoiceBroadcastPlaybackBody: React.FC<VoiceBroadcastPlaybackBodyProp
     } else {
         let controlIcon: React.FC<React.SVGProps<SVGSVGElement>>;
         let controlLabel: string;
+        let className = "";
 
         switch (playbackState) {
             case VoiceBroadcastPlaybackState.Stopped:
                 controlIcon = PlayIcon;
+                className = "mx_VoiceBroadcastControl-play";
                 controlLabel = _t("play voice broadcast");
                 break;
             case VoiceBroadcastPlaybackState.Paused:
                 controlIcon = PlayIcon;
+                className = "mx_VoiceBroadcastControl-play";
                 controlLabel = _t("resume voice broadcast");
                 break;
             case VoiceBroadcastPlaybackState.Playing:
@@ -79,6 +82,7 @@ export const VoiceBroadcastPlaybackBody: React.FC<VoiceBroadcastPlaybackBodyProp
         }
 
         control = <VoiceBroadcastControl
+            className={className}
             label={controlLabel}
             icon={controlIcon}
             onClick={toggle}
diff --git a/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastPlaybackBody-test.tsx.snap b/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastPlaybackBody-test.tsx.snap
index 71275fda517..c14cf94539f 100644
--- a/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastPlaybackBody-test.tsx.snap
+++ b/test/voice-broadcast/components/molecules/__snapshots__/VoiceBroadcastPlaybackBody-test.tsx.snap
@@ -57,7 +57,7 @@ exports[`VoiceBroadcastPlaybackBody when rendering a 0/not-live broadcast should
       </div>
       <div
         aria-label="resume voice broadcast"
-        class="mx_AccessibleButton mx_VoiceBroadcastControl"
+        class="mx_AccessibleButton mx_VoiceBroadcastControl mx_VoiceBroadcastControl-play"
         role="button"
         tabindex="0"
       >
@@ -460,7 +460,7 @@ exports[`VoiceBroadcastPlaybackBody when rendering a stopped broadcast should re
     >
       <div
         aria-label="play voice broadcast"
-        class="mx_AccessibleButton mx_VoiceBroadcastControl"
+        class="mx_AccessibleButton mx_VoiceBroadcastControl mx_VoiceBroadcastControl-play"
         role="button"
         tabindex="0"
       >

From 97ee84298941669219bba5fa1b455e3ab8b1ad97 Mon Sep 17 00:00:00 2001
From: Michael Weimann <michaelw@matrix.org>
Date: Mon, 28 Nov 2022 08:45:27 +0100
Subject: [PATCH 2/3] Trigger CI


From 571eccc04338e8bfbec40e06fb2d29e0f0de21d8 Mon Sep 17 00:00:00 2001
From: Michael Weimann <michaelw@matrix.org>
Date: Mon, 28 Nov 2022 12:28:35 +0100
Subject: [PATCH 3/3] Trigger CI