fixes microsoft#128695

Author: sbatten

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

@@ -127,7 +127,6 @@
 .monaco-dialog-box > .dialog-buttons-row {
 	display: flex;
 	align-items: center;
-	justify-content: flex-end;
 	padding-right: 1px;
 	overflow: hidden; /* buttons row should never overflow */
 }
@@ -141,11 +140,10 @@
 /** Dialog: Buttons */
 .monaco-dialog-box > .dialog-buttons-row > .dialog-buttons {
 	display: flex;
+	width: 100%;
+	justify-content: flex-end;
 	overflow: hidden;
-}
-
-.monaco-dialog-box > .dialog-buttons-row > .dialog-buttons.centered {
-	justify-content: center;
+	margin-left: 67px; /* for long buttons, force align with text */
 }
 
 .monaco-dialog-box > .dialog-buttons-row > .dialog-buttons > .monaco-button {

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

@@ -196,7 +196,6 @@ export class Dialog extends Disposable {
 
 			const buttonBar = this.buttonBar = this._register(new ButtonBar(this.buttonsContainer));
 			const buttonMap = this.rearrangeButtons(this.buttons, this.options.cancelId);
-			this.buttonsContainer.classList.toggle('centered');
 
 			// Handle button clicks
 			buttonMap.forEach((entry, index) => {