CSS Styling to increase density

[IanMayo]

The standard JSON-Editor makes use of whitespace and lines to organise data.

It should be possible to amend this layout to increase element density, and so reduce the space taken up by the schema editor on the page.

[pmk65]

If you want to have "full" control over the styling layout, use the "Barebones" Theme. That one has no CSS and doesn't rely on any CSS frameworks.

[IanMayo]

Hmm @pmk65 , the Barebones theme introduces even more whitespace.

I would have guessed that starting with BootStrap 4 and spotting areas of excessive whitespace would be a quicker route to a nice compact layout.

[pmk65]

The "Barebones" Theme is completely unstyled, so what you see is just raw HTML output. Other Themes apply additional wrapping and classes etc.. required for the theme to work with the selected framework.
You can also create a custom Theme based on the "Bootstrap4" theme, a then load/use that.

[IanMayo]

Great advice, thanks @pmk65

[IanMayo]

@Franciman - you've indicated that you're not experienced in HTML/CSS fiddling. Once the current phase is complete I'll pass this task to a front-end dev.