Change the dom to not allow the "Structures" panel to expand

[Sebastien-Ahkrin]

Closes: #1341

@lpatiny Actually i have that (with this fix)

Do this works with your example ?

[netlify]

✔️ Deploy Preview for nmrium ready!

🔨 Explore the source changes: b7bf935

🔍 Inspect the deploy log: https://app.netlify.com/sites/nmrium/deploys/61fbe3cd21f98f0007e07f42

😎 Browse the preview: https://deploy-preview-1361--nmrium.netlify.app/

[lpatiny]

Seems to me it is not fixed.

Just draw a long vertical molecule and put a O in the bottom.

[targos]

The problem is that the size of the div that contains the molecule is 100% of its parent, but it shouldn't because there is a sibling element (with the molecular formula).

[Sebastien-Ahkrin]

Actually, i can get something like that:

:)

[targos]

Nice! Now the size is correct by default, but there is still an issue when the container becomes smaller (for example if you open other panels).

Usually this is fixed by putting min-height: 0 on the right flex elements.

[targos]

See here. You need min-height: 0 on two more elements and it works: