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 <luixxiul@users.noreply.github.com> * Use text-align: justify Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
matrix-org · May 11, 2022 · e2a612b · e2a612b
1 parent 3926221
commit e2a612b
Showing 1 changed file with 3 additions and 3 deletions.
diff --git 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;
         }
     }
 }