Update DialogBox.fxml to fix text overrun

[JiaXinEu]

Change styling of DialogBox directly in the FXML file.
As discussed in #22, this is an alternative to PR #37

[damithc]

@flexibo is this what you meant?

[flexibo]

@damithc Yes. I do see your point about teaching students to learn about the problem, maybe in addition to this change, we can explain what minHeight="-Infinity" does?

Maybe a side by side comparison?

[damithc]

@JiaXinEu perhaps we can still add an explanation about why we use this minHeight="-Infinity"

[laney0808]

LGTM.

[JiaXinEu]

perhaps we can still add an explanation about why we use this minHeight="-Infinity"

Updated with a note on the effect of setting minHeight = "-Infinity" and a comparison without setting minHeight @damithc @flexibo

[flexibo]

LGTM.

[damithc]

Perhaps we can make it easy to spot the problem in the second screenshot?
e.g.,

Also, try to make the example screenshots not bigger than needed, so that they don't consume valuable screen space more than they need to.

[JiaXinEu]

I have updated the second screenshot and cropped them such that each screenshot only shows one complete DialogBox .