Iphone display of schedule page? - messy and small

Hi @Michelle Shull
im having some issues with displaying this page - http://tinyurl.com/p7tg3u3

On Iphone devices. So far it looks great on larger screen devices such as Samsung Note 4 - http://monosnap.com/image/S8MURUljYOHmKkFwaeAuPQgBB1Lzlh

but it looks like this on iphone 6 - http://monosnap.com/image/LRHS3H9hWT6NPJ5KsL1nsikGtMQEMS

During Live chat just now @Michelle Shull provided me with this code

@media screen and (max-width: 320px){
#tablepress-4.tablepress.tablepress-id-4.dataTable.no-footer {
font-size: 11px;

Which seems to work slightly better but there are still some gaps on the left and right of the page which are making the whole page smaller and increasing the font size any more begins to overlap text.

There is also an issue in that the line separating between the fields is disappeared when viewed on the iphone devices.
Current result - http://monosnap.com/image/nCPHg2PYACHMUeaPe81pTa2taVSbRo
What to fix - http://monosnap.com/image/fAN3ZzG4upyWvuPT5VCHDLApeV20tQ

Domain: - http://tinyurl.com/p7tg3u3
Support access is ACTIVE until August 14, 2015 12:36 am