The OOUI Dialog modal we use for our app comes with padding. While this was initially appreciated, it now turns out that this padding is problematic as we do not want that padding around our header component (T230328, T230329), but inside our "body".
There seem to be some possibilities to remove that misplaced padding:
- add a class to the modal via the dialogs classes setting and override the defiinition of that padding with padding: 0 (recommended)
- use negative margins on our app to effectively undo the padding ( hacky and probably brittle )
- use a OOUI ProcessDialog instead of a Dialog and reuse the OOUI buttons, probably not as responsive as we need it