Merge pull request #84199 from microsoft/misolori/dialog-polish

Custom dialog polish

src/vs/base/browser/ui/dialog/dialog.css

@@ -27,12 +27,12 @@
 	min-width: 500px;
 	max-width: 90%;
 	min-height: 75px;
-	padding: 5px;
+	padding: 10px;
 }
 
 /** Dialog: Title Actions Row */
 .monaco-workbench .dialog-box .dialog-toolbar-row {
-	padding-right: 1px;
+	padding-bottom: 4px;
 }
 
 .monaco-workbench .dialog-box .action-label {
@@ -59,17 +59,17 @@
 .monaco-workbench .dialog-box .dialog-message-row {
 	display: flex;
 	flex-grow: 1;
-	padding: 10px 15px 20px;
 	align-items: center;
+	padding: 0 10px;
 }
 
 .monaco-workbench .dialog-box .dialog-message-row .dialog-icon {
-	flex: 0 0 40px;
-	height: 40px;
+	flex: 0 0 48px;
+	height: 48px;
 	align-self: baseline;
 	background-position: center;
 	background-repeat: no-repeat;
-	background-size: 40px;
+	background-size: 48px;
 }
 
 .vs .monaco-workbench .dialog-box .dialog-message-row .dialog-icon.icon-pending {
@@ -121,7 +121,7 @@
 	flex-direction: column;
 	overflow: hidden;
 	text-overflow: ellipsis;
-	padding-left: 20px;
+	padding-left: 24px;
 	user-select: text;
 	-webkit-user-select: text;
 	-ms-user-select: text;
@@ -136,7 +136,6 @@
 	flex: 1; /* let the message always grow */
 	white-space: normal;
 	word-wrap: break-word; /* never overflow long words, but break to next line */
-	padding-bottom: 10px;
 }
 
 /** Dialog: Details */
@@ -144,6 +143,7 @@
 	line-height: 22px;
 	flex: 1; /* let the message always grow */
 	opacity: .9;
+	margin-top: 8px;
 }
 
 .monaco-workbench .dialog-box .dialog-message-row .dialog-message-container .dialog-message a:focus {
@@ -175,6 +175,7 @@
 .monaco-workbench .dialog-box > .dialog-buttons-row {
 	display: flex;
 	white-space: nowrap;
+	padding: 20px 10px 10px;
 }
 
 /** Dialog: Buttons */