Reduce column width of track title in table layout

Dear Thomas,
I use the table layout and show only track title and download button. URL:
in.agnusvox.net/mavsp
However when this page is shown on smartphones whose screen is narrower, the download button at the far right end cannot be seen. I could simulate it if I resize the window to a narrow one like a phone. As attached.
How can I adjust the width of the track title column to fit the download buttons unto the screen?
I tried to find where in the style sheet that control that, but I failed.
Thanks for pointing me there.
Ken

The download button cell has a class applied called "hidden-phone". This is a Bootstrap class which hides that element on phones.
I added this class because I think phone users usually don't want to download the file itself and rather listen to it using the player.
In your case, this may be different. You can now either change the layout and remove that class, or you add a specific rule to override that hiding. That should do the trick:

Dear Thomas,
I removed hidden-phone from td tag in the template override and I achieved my goal. Thank you very much.
Just want to learn about css, though. If I try the CSS method I don't what where I should put that 3 lines of code you gave.
Is it /media/com_sermonspeaker/css/sermonspeaker.css?
I put there and it did nothing. Did I insert at the wrong line?
Thanks for pointing out.

SermonSpeaker doesn't always load a CSS file. You are better off adding that rule to your template. Most support adding a custom.css file somewhere or have a parameter where you can put your custom rules.
You can also use one of the many extensions on JED which allow to add custom CSS rules.

When you start with CSS it's a good idea to also learn a bit about the Bootstrap framework that is used in Joomla: getbootstrap.com/2.3.2/
And of course there are many tutorials which are worth reading so you get an idea about the basics (selectors, inheritance, ...)