Presentation of Electron Energy Level diagram

[pixelzoom]

Related to #1 design refresh...

In the Java version, the Electron Energy Level diagram was in an accordion box that covered the Legend. It was a very odd UI. When collapsed it was a checkbox:

When expanded, it was an accordion box:

The Electron Energy Level diagram is relevant only in the 2nd (Energy Levels) screen of the HTML version. The HTML5 design doc shows this UI (collapsed and expanded):

But there's a major problem here. These mockups are using screen realestate that we simply do not have. Here's what the current HTML5 implementation looks like:

There's no way that we can squeeze a major accordion box in here without compromising usability.

Assigning to @arouinfar for design.

[pixelzoom]

7/14/2022 design meeting:

I mentioned that I prefer the layout of the original Java sim. The new layout has a lot of problems, and we can't fit everything in.

[arouinfar]

Unassigning myself until work resumes on this sim.

[DianaTavares]

Today design meeting

CM needs to build that screen to see how much real estate we actually have.