CSS timecode visibility in Audio Blocks

Site URL: http://freshsalt.org

Hello, I'm trying to customise the audio player's conditional display of the duration of the clip (progress / time), so that the timecode is immediately & always visible.  The default code, currently, reveals the duration only when playing begins. So there's that (first issue), and also wondering about player width cutting off the timecode (second issue). Screen captures from my site, which is still quite rough! www.freshsalt.org

First issue: two examples below, left is timecode visible when playing, right is timecode hidden. 

Second issue: here's a row of narrower blocks & the timecode isn't revealed at all, even when playing (second from left). And would fit in all except for longer title in far right. So how to reduce minimum width of player, or left margin of timecode, or similar?

Would really love anyone's help. I've spent hours muddling through Chrome's Developer Tools & various coding basics videos, trying to work it out, no idea. Was hopeful tinkering in realm of .sqs-audio-player.play-state-stopped .duration,.sqs-audio-player.play-state-stopped .progress — but nope. 

Very grateful! 

Hi,

Can you share link to page where you use audio blocks? We don't see it on homepage