[Feature]: log JSON wrapping

[neopaf]

Requirement

As a jaeger web user I would like to see more of my screen estate used for displaying JSON inside logs.

Problem

Currently JSON gets wrapped pretty quickly.
Is it possible to use more of my screen horizontal space somehow?

Proposal

Detect or configure screen width and wrap accordingly?

Open questions

No response

[yurishkuro]

"Configure" is not a viable approach, the same installation may have users with different screens. "Detect" would be fine, I just don't know how to do it.

[neopaf]

Yuri, I feel the root cause is these 40px margins, they are on both sides of div.json-markup-child, while you obviously wanted a left-side margin only.

I'm not an HTML/CSS expert, but I feel there should be a way to go from left+right margin to left-only margin.
If you don't know one offhand, please let me know, I'll try to dig deeper?

See parent div-s as a slideshow, you'll see them all have these extra 40px on the right:

Slides.zip

Hence we have empty space on the right side, creating wide horizontal scroll area, and pushing [copy] and [json] buttons way to the right: