Display problem on bigger screens

[BenSower]

When displaying omae on my 24'' monitor, the character summary is not at the bottom of the page, but squeezed right next to the actual selection, which makes it hard to work with:

[dethstrobe]

I was debating how I wanted to handle the character summary... which I suddenly realized I called the summary character... guess I better fix that.

Anyway, there is just too much information to display at once. But I kind of wanted to be able to see it at the same time as allocating points, stats, resources, etc. And I realize horizontal scrolling is considered a sin against (meta) humanity, but it was the only compromise I could come up with at the time.

Honestly, I am entirely open to suggestions to create a better user experience here.

[BenSower]

Hm, what about creating something like a wizard (wizard...not mage...)?
At the moment, there is already a certain order (top-to bottom), which should be followed when creating a character. Maybe we could just move all logically-connected components into separate steps between one can switch back and forth? (Something like this: http://vinceg.github.io/twitter-bootstrap-wizard/examples/basic.html)
There is the disadvantage, that you cannot easily compare different values without clicking back and forth, but if you are on the bottom of the page, you have to scroll upwards anyways...

For the "Summary character" (<3), I'd suggest we either put it on the bottom of the page, below the current wizard step, or at least fold it away, so that a user can display it, by clicking on it.

[The1Krutz]

I think just allowing the app to take up the entire screen width would be a good start. Right now there's a lot of content smushed into the middle, and a huge margin on both sides with nothing in it.

(other than this minor issue, big fan of this project :) )

[dethstrobe]

I'm currently in the middle of some big refactors as I upgrade to the beta version of bootstrap 4. But I'll try and experiment with going to fluid width and allowing the content to just fill the screen.