Remove margins in mobile web pages

Posting as issue because the mobile experience is less than acceptible in my view.

See the following list view on my Redmi 9 Android

The actual unused space I highlighted in yellow.
On a mobile phone, it is perfectly fine from a ux perspective to have no margins at all.

In the yellow highlights I already removed the ‘dots’ since as posted elsewhere, in my view serves not enough purpose.

I understand that some of the whitespace has to do with drag drop functionality of fields, but that can be solved by making the content of the field full width in mobile, and leaving the drag drop handle still appear in the header of the field


As you can see, we need a ‘mobile first’ responsive theme for Fibery, especially responsive views. Entity titles are pushed away by other fields. This is for another topic, but related.

1 Like