CMS Mobile UI is broken

[t1gu1]

Describe the issue that you're seeing. Any Loom videos or screenshots usually help a lot!

• I can’t see post name in the list of post.
• The burger menu seems off.
• Post title are too long for the UI
• Would be better to have a page title in a "header/NavBar" with a left square burger menu.
• Padding between screens aren't similar. (Should not be too big on mobile 20px max)

Here some images:

Reproduction

Localhost

Steps to reproduce

Simply use a mobile.

i used a iPhone 15 Pro max to get these results

System Info

Tinacms: 1.6.0
Cli: 1.5.42

Validations

• [X] Follow our Code of Conduct
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug.

[t1gu1]

Few things here.

In mobile at least: (Some could fit easy on desktop too)

• [ ] 1. Should have a "NavBar" with the title of the page in the center and a square burger menu to the left. (A bit like when the menu is open)
• [ ] 2. On the Post List screen, it should be more like bloc with list of info one under each other (Or marbe simply display the title?)
• [ ] 3. The search not configure should take full width.
• [ ] 4. On editing a post screen, the breadcrumb should be under a "NavBar" (1.) and if too long end with a ....
• [ ] 5. On editing a post screen, the change status should be in the right of the "NavBar" (1.)
• [ ] 6. Uniformise content padding. (Left and right) between screens.

By fixing that (Header and breadcrumb), on editing a post screen, it should fix the content under that appear to be too wide.