I found a solution, it's not 100% perfect but it does the job well
As the edit in my post says, the issue was being caused by this CSS in
I created a file, and included it after I included bootstrap which
overrides these settings for the dialog only.
This causes the dialog to behave, mostly. A few issues still persist,
although they are minor issues.
- The middle section is still about 5 pixels too wide now. As shown here:
- Everytime you click and resize the box, the button area is cut off by
about 5 - 10 pixels each. Eventually the buttons are nearly hidden
completely, as shown here: http://www.screencast.com/t/EbNT7JjGX
These issues are minor in comparison, so for now I'll ignore them. Hope
this helps someone else!