From 5124539ee9f513f6ebe00821d4ada208e2155a8a Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Thu, 14 Apr 2022 11:31:12 +0000 Subject: [PATCH 1/2] Remove the hardcoded width of the clock on the AudioPlayer Signed-off-by: Suguru Hirahara --- res/css/views/audio_messages/_AudioPlayer.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/res/css/views/audio_messages/_AudioPlayer.scss b/res/css/views/audio_messages/_AudioPlayer.scss index 3c2551e36a5..f287f007ae5 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; + white-space: nowrap; } } } From e17e7dac908dd6c6d196b107f6d76c3a41708078 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Thu, 14 Apr 2022 18:07:26 +0000 Subject: [PATCH 2/2] Use text-align: justify Signed-off-by: Suguru Hirahara --- res/css/views/audio_messages/_AudioPlayer.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/res/css/views/audio_messages/_AudioPlayer.scss b/res/css/views/audio_messages/_AudioPlayer.scss index f287f007ae5..6b8d0ca4383 100644 --- a/res/css/views/audio_messages/_AudioPlayer.scss +++ b/res/css/views/audio_messages/_AudioPlayer.scss @@ -59,8 +59,8 @@ limitations under the License. .mx_Clock { 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; } }