Yes, I'm new!

On the Wild Apricot version (and the widget) of the members directory there is extra space between the columns in mobile view - is there a way to remove the space between the <td>s in a row when viewed on a phone?

Here is the html for a row:
<tr class="normal" onclick="MemberDirectoryListRenderer.redirectToMemberDetails('https://sample.wildapricot.org/Sys/PublicProfile/50995854/4911773')" onmouseover="MemberDirectoryListRenderer.highlightRowAndNext(this)" onmouseout="MemberDirectoryListRenderer.normlightRowAndNext(this)">

<td class="memberDirectoryColumn1" width="40%"><div class="memberValue"><h5><a title="Go to member details" onclick="globalUtils.stopEventPropogation(event)" href="https://sample.wildapricot.org/Sys/PublicProfile/50995854/4911773">Smith, Irv</a></h5></div></td></div></td>

<td class="memberDirectoryColumn2" width="40%"><div class="memberValue">Superintendent</div><div class="memberValue">IBM</div><div class="memberValue"><a href="mailto:irv@ibm.gov" onclick="window.location=this.href;BonaPage.stopEvent(event);">irv@ibm.gov</a></div></td>

<td class="memberDirectoryColumn3" width="20%"><div class="memberValue">333-3333</div><div class="memberValue">333-3333/div></td></tr>

Thanks for any advise!!!