fix(dialog): dialogs that hit max-width not centered on IE

[crisbeto]

Fixes dialogs that hit their max-width no longer being centered in IE11. This seems like a regression introduced after 57f19cd.

[jelbourn]

LGTM

[andrewseguin]

Okay, bad news :(

This PR ended up having an unexpected issue in a screenshot diff that I think needs to be resolved before we merge this back in.

To reproduce this in the demo app, go to the overlay-demo.ts and change one of the overlays so that it uses the position strategy this.overlay.position().global().right('0px')

Start the demo app and observe that the cdk-overlay-0 element has dimensions 102px x 73px

Now, revert your changes: on cdk-global-overlay-wrapper, remove flex-direction: column; align-items: flex-end; and add back justify-content: flex-end)

See now that the dimensions of cdk-overlay-0 are larger and extend the full height of the screen.

This was a problem in one app where their content assumed that they could use height: 100% and use overlay to make a sliding panel.

[crisbeto]

Let's park this one until #9236 gets in, I think it has some changes that could help with the initial issue.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}