Remove the hardcoded width of the clock on the AudioPlayer

luixxiul · luixxiul · commit 5124539ee9f5 · 2022-04-14T11:31:12.000Z
Signed-off-by: Suguru Hirahara &lt;luixxiul@users.noreply.github.com&gt;
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;
+            white-space: nowrap;
         }
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -58,10 +58,10 @@ limitations under the License.`
`58`	`58`	`}`
`59`	`59`
`60`	`60`	`.mx_Clock {`
`61`		`- width: $font-42px; // we're not using a monospace font, so fake it`
`62`	`61`	`min-width: $font-42px; // for flexbox`
`63`	`62`	`padding-left: 4px; // isolate from seek bar`
`64`	`63`	`text-align: right;`
	`64`	`+ white-space: nowrap;`
`65`	`65`	`}`
`66`	`66`	`}`
`67`	`67`	`}`