fixup! fix(material/dialog): css structure change

Author: wagnermaciel

src/material/dialog/_mdc-dialog-structure-overrides.scss

@@ -46,13 +46,16 @@
 
   // When a component is passed into the dialog, the host element interrupts
   // the `display:flex` from affecting the dialog title, content, and
-  // actions. To fix this, we make the component host `display: contents` by
+  // actions. To fix this, we make the component host `display: flex` by
   // marking it's panel with the `mat-mdc-dialog-component-panel` class.
   //
   // Note that this problem does not exist when a template ref is used since
   // the title, contents, and actions are then nested directly under the
   // dialog surface.
   .mat-mdc-dialog-component-panel .mat-mdc-dialog-surface > * {
-    display: contents;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    height: 100%;
   }
 }

src/material/dialog/dialog.ts

@@ -164,7 +164,7 @@ export abstract class _MatDialogBase<C extends _MatDialogContainerBase> implemen
 
     // When a component is passed into the dialog, the host element interrupts
     // the `display:flex` from affecting the dialog title, content, and
-    // actions. To fix this, we make the component host `display: contents` by
+    // actions. To fix this, we make the component host `display: flex` by
     // marking it's panel with the `mat-mdc-dialog-component-panel` class.
     //
     // Note that this problem does not exist when a template ref is used since