We want to avoid page jumps wherever possible. This change uses the original select element as a "proxy" to reserve the space
in the DOM for the enhanced auto-complete when the JS runs.
It uses visibility: hidden to make the select not rendered - but still take up space.
The exact sizing for the CSS was determined by testing and reverse engineering the bootstrap calculations.
The size of user pictures in selectors was reduced to avoid flicker when switching between no selection and a selected user. I
could have reserved a larger amount of space, but it looks worse for pickers with no pictures.
The enrolment details popup should not have "Edit enrolment" as a primary action for the dialogue.
Instead it should just have an edit cog next to the enrolment name.
Href is required so that CSS can style these as clickable links (hand icon).
I also used comments to collapse the whitespace before and after the icons.
* Moved status_field to core_user\output namespace.
* Assigned status flags for the template context in order to determine
which label class to use for the given status.
Part of MDL-59290.
