Improve Orders Screen on Mobile Devices

[f3bruary]

Prerequisites

• [x] I have searched for similar issues in both open and closed tickets and cannot find a duplicate
• [x] The issue still exists against the latest master branch of WooCommerce
• [x] This is not a usage question (Those should be directed to the community, unless this is a question about a premium plugin in which you should use the helpdesk for official extensions or contact the author of 3rd party extensions)
• [x] I have attempted to find the simplest possible steps to reproduce the issue
• [] I have included a failing test as a pull request (Optional)

Steps to reproduce the issue

1. View orders on a mobile device

Expected behavior and actual behavior

When I follow those steps, I see... a page that is not optimized for small screens

I was expecting...a page that is optimized for small screens

The text is hard to read, the formatting is misaligned and the buttons are hard to press.

Running WC3.1 and WP4.7.5

Screenshot:

[WPprodigy]

What version of WC? Something (theme or plugin) is likely causing a conflict. Because this is what it looks like for me: http://cld.wthms.co/kxfYiu & http://cld.wthms.co/wcx9A1

[f3bruary]

oh wow

I guess it might be caused by a plugin then. I have several that add actions like printing invoices/package slips. I'll try to disable those to see if one of them is responsible.

[f3bruary]

Found the plugin responsible. If anyone cares, it's the WooCommerce POS plugin (codecanyon version).