@auvipy This is the same as#7960, but with the CSP nonce bit removed to avoid problems.

I will leave this open a few days. Please let me know if you'd like to review again or if I should merge.

@auvipy Sorry for the delayed response. Here's before:

And after:

@juspence@auvipy
In#7960 there was support for nonce.

<style{% if request.csp_nonce %} nonce="{{request.csp_nonce}}"{% endif %}>{{ code_style }}</style>

I do not understand the reason for removing this support in this PR

(Copied from#7960, but nonce removed to avoid conflicts with user-defined policies)

If there is norequest.csp_nonce there is no conflict because it does not addnonce attr. But if the project follows the strictest CSP with nonce BrowserableAPI is still broken.
Also, the PR and release notes include

Add CSP nonce where it might be required and is available.

Which is a lie.

This PR uses a bootstrap class for floats (pull-left) but theclear:both is included in bootstrap-tweaks.css.

This means if the user overrides the default themeas documented, the clear is gone, and all content boxes get stacked horizontally.

Solution: Description and paginator should be wrapped in a<div>.

Screenshot of the bug using "Flatly" Bootstrap theme:

Would you mind sending a PR to fix this?