Just set some collection fields to be visible on desktop only and another field to to be visible on phone only

Tested on Default Joomla Templates
- Beez3 - Default - no issue
- Protostar - Default - displays as described below

Also Tested on another mobile ready template - displays same issues as prostar default

when viewed on phone the desktop only fields are hidden as expected
when viewed on desktop table fields that are normally horizontal are now arranged vertically

the issue appears to come from http://[INSERTSITE]/media/jui/css/bootstrap-responsive.min.cssCSS not my strong point and i know its not a good idea to change the core css but here is where the issue lies...
if you comment out the display: inherit!important; the desktop-only table is once again arranged horizontally

PTL = Test Responsive - My Contacts - My contacts

Thanks in advance

BTW - I Did notice the modal view linked off the collection view is a little bit wide on an I Phone even when in landscape
-the modal box is wider than the template and you have to zoom down to see the close button

just a thought but for mobile views could the modal width not be defined so that it resizes to the size of the screen

This is not a Cook file. I would love to fix that, but it is the template problem.

Cook only set the responsive bootstrap css classes.

For modal size, it can be better, yes !