Improve Voice Broadcast header layout (#9437)

* Fix Voice Broadcast live badge position * Prevent voice broadcast header overflow * Fix VoiceBroadcastPlaybackBody-test
2022-10-17 18:13:06 +02:00
parent 788dd904b7
commit e1d631cb47
6 changed files with 34 additions and 7 deletions
--- a/src/voice-broadcast/components/atoms/VoiceBroadcastHeader.tsx
+++ b/src/voice-broadcast/components/atoms/VoiceBroadcastHeader.tsx
@@ -47,7 +47,7 @@ export const VoiceBroadcastHeader: React.FC<VoiceBroadcastHeaderProps> = ({
            </div>
            <div className="mx_VoiceBroadcastHeader_line">
                <Icon type={IconType.Microphone} colour={IconColour.CompoundSecondaryContent} />
-                { sender.name }
+                <span>{ sender.name }</span>
            </div>
            { broadcast }
        </div>