[Order List] Squeezed Orders list on phone landscape mode

[ThomazFB]

Summary

The consolidated UI for the Order List and Order Details, displayed in landscape mode, presents a squeezed experience on phones, suggesting that this specific UI should be a tablet-only experience.

Instructions to reproduce

Steps to reproduce the behavior:

1. Make sure you're using the app on a Phone device with a standard screen aspect ratio (avoid foldable with tablet-like screens)
2. Go to the Order List screen in portrait mode
3. Rotate the device screen to landscape mode
4. Verify the screen enters a multi-view of Order List and Order Details
5. Verify that the Order List is squeezed in a tiny viewport at the bottom-left corner of the screen

Screen Capture

Screen_recording_20241101_183926.mp4

Environment

Please include:

• Device: Pixel 7a
• Android version: Android 14
• WooCommerce Android version: 20.9

[dangermattic]

Thanks for reporting! 👍

[malinajirka]

Context - p91TBi-crS-p2#comment-13510