Theme and plugin editing experience improvements at smaller screens

[karmatosed]

It was running some tests and noticed how bad the editing experience is when there is a smaller screen. An example is:

[karmatosed]

Noting I am going to be working on some ideas for how this can be made a little better in 4.9, after chatting with @melchoyce in Slack #design.

[xkon]

Preview of the first inline ul thought.

[xkon]

Version ( 41309.select.diff )is way cleaner as I've implemented an extra select box for the template / stylesheets. It is hidden and shown on different viewports. Also this CSS changes fix an extra problem with the previous "Select Theme to edit" select box so now it will fit better on even smaller screens.

---

Version ( 41309.inlineul.diff ) is with just some simple css changes to just use less vertical space.

---

I was going to discard the 'inline' version completely to be honest as the Select one is seriously clean and tidy but I left it here just in case it gives an extra idea or something.

Best regards,
Konstantinos

[xkon]

Select box instead of ul list

[xkon]

pinging @karmatosed ^_ for a fresh look since there are changes to the Editor in general maybe we can get this going as well on 4.9 ?

[karmatosed]

@xkon I'd be happy to get this begun again. I can't see the images attached in the last update, would you be able to add them again please?

[xkon]

Woopsie! I cleared my cldup a bit and forgot about these :D. Sure thing @karmatosed I'll re-apply the patches, refresh them if needed and re-upload new screenshots :) .