Some misalignments and other UI issues on macro edit modals

Steps to reproduce

1. Edit a page with CKEditor
2. Click on Insert > Other Macros and choose 'Display' or 'Include' macro
3. Click 'Select' button
4. Observe the elements from the modal

Expected results

All elements are blended into the modal and aligned properly with the others,

Actual results

• Some macro elements seem "nested" inside the modal, instead of integrated; this can be reproduced on 'Display' and 'Include' macros with the "reference" box;
• The page picker drop-down left and right margins inside the "reference" box are shorter and thus misaligned with the rest of the input fields/ drop-downs;
• On 'Display' and 'Include' macros the "reference" box title looks a bit out of place, since the box contains already a "Page" title (in my opinion, "reference" title should be removed and "Page" should be marked as "Required" instead);
• The left and right sides of "Optional parameters" tab looks outside of the alignment with other modal elements (input fields, titles, hints);
• The "(Required)" and "(Advanced)" labels should be lowered a little bit, to be aligned inline with the rest of the text (title) to which they are attached - previously the fields required were marked only by an asterisk '*' which was placed higher than the text and maybe this is where the misalignment comes from.