From e2a612b070832848bc276e345162bca14809a42c Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Wed, 11 May 2022 10:58:07 +0000 Subject: [PATCH] Fix the width bounce of the clock on the AudioPlayer (#8320) * Remove the hardcoded width of the clock on the AudioPlayer Signed-off-by: Suguru Hirahara * Use text-align: justify Signed-off-by: Suguru Hirahara Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> --- res/css/views/audio_messages/_AudioPlayer.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/res/css/views/audio_messages/_AudioPlayer.scss b/res/css/views/audio_messages/_AudioPlayer.scss index 3c2551e36a..6b8d0ca438 100644 --- a/res/css/views/audio_messages/_AudioPlayer.scss +++ b/res/css/views/audio_messages/_AudioPlayer.scss @@ -58,10 +58,10 @@ limitations under the License. } .mx_Clock { - width: $font-42px; // we're not using a monospace font, so fake it min-width: $font-42px; // for flexbox - padding-left: 4px; // isolate from seek bar - text-align: right; + padding-left: $spacing-4; // isolate from seek bar + text-align: justify; + white-space: nowrap; } } }