core: update dialog styling (#12254)

The commit updates the styling of dialogs which would previously include additional height or padding which would give a bad user-experience. The change now means that dialogs have a proper height with respect to their content.

Signed-off-by: FernandoAscencio <[email protected]>

packages/core/src/browser/style/dialog.css

@@ -33,7 +33,6 @@
     display: flex;
     flex-direction: column;
     min-width: 400px;
-    min-height: 150px;
     color: var(--theia-editorWidget-foreground);
     background-color: var(--theia-editorWidget-background);
     border: 1px solid var(--theia-contrastBorder);
@@ -59,7 +58,6 @@
 
 .p-Widget.dialogOverlay .dialogContent {
     display: flex;
-    flex-grow: 2;
     flex-direction: column;
     align-items: stretch;
     position: relative;