From 3e0e0bd4aa3a0ca4c84c844e6d9c9d3e5494c4de Mon Sep 17 00:00:00 2001
From: Andrew Pareles <andrewpareles@gmail.com>
Date: Wed, 16 Apr 2025 01:23:25 -0700
Subject: [PATCH] SSH buttons

---
 .../browser/parts/editor/editorGroupWatermark.ts | 16 ++++++++--------
 .../contrib/void/browser/media/void.css          |  2 --
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/vs/workbench/browser/parts/editor/editorGroupWatermark.ts b/src/vs/workbench/browser/parts/editor/editorGroupWatermark.ts
index 67243f0a..da97ee90 100644
--- a/src/vs/workbench/browser/parts/editor/editorGroupWatermark.ts
+++ b/src/vs/workbench/browser/parts/editor/editorGroupWatermark.ts
@@ -185,19 +185,20 @@ export class EditorGroupWatermark extends Disposable {
 			// Void - if the workbench is empty, show open
 			if (this.contextService.getWorkbenchState() === WorkbenchState.EMPTY) {
 
-				// Create a flex container for buttons
+				// Create a flex container for buttons with vertical direction
 				const buttonContainer = $('div');
 				buttonContainer.style.display = 'flex';
-				buttonContainer.style.justifyContent = 'center';
+				buttonContainer.style.flexDirection = 'column'; // Change to column for vertical stacking
+				buttonContainer.style.alignItems = 'center'; // Center the buttons horizontally
+				buttonContainer.style.gap = '8px'; // Reduce gap between buttons from 16px to 8px
 				buttonContainer.style.marginBottom = '16px';
 				voidIconBox.appendChild(buttonContainer);
 
 				// Open a folder
 				const openFolderButton = h('button')
 				openFolderButton.root.classList.add('void-openfolder-button')
-				openFolderButton.root.style.display = 'inline-block'
-				openFolderButton.root.style.marginRight = '8px'
-				openFolderButton.root.style.width = '124px'
+				openFolderButton.root.style.display = 'block'
+				openFolderButton.root.style.width = '124px' // Set width to 124px as requested
 				openFolderButton.root.textContent = 'Open a folder'
 				openFolderButton.root.onclick = () => {
 					this.commandService.executeCommand(isMacintosh && isNative ? OpenFileFolderAction.ID : OpenFolderAction.ID)
@@ -212,10 +213,9 @@ export class EditorGroupWatermark extends Disposable {
 				// Open SSH button
 				const openSSHButton = h('button')
 				openSSHButton.root.classList.add('void-openssh-button')
-				openSSHButton.root.style.display = 'inline-block'
-				openSSHButton.root.style.marginLeft = '8px'
+				openSSHButton.root.style.display = 'block'
 				openSSHButton.root.style.backgroundColor = '#5a5a5a' // Made darker than the default gray
-				openSSHButton.root.style.width = '124px'
+				openSSHButton.root.style.width = '124px' // Set width to 124px as requested
 				openSSHButton.root.textContent = 'Open SSH'
 				openSSHButton.root.onclick = () => {
 					this.viewsService.openViewContainer(REMOTE_EXPLORER_VIEWLET_ID);
diff --git a/src/vs/workbench/contrib/void/browser/media/void.css b/src/vs/workbench/contrib/void/browser/media/void.css
index 64ac4872..9aec392f 100644
--- a/src/vs/workbench/contrib/void/browser/media/void.css
+++ b/src/vs/workbench/contrib/void/browser/media/void.css
@@ -26,7 +26,6 @@
 
 /* Renamed from void-watermark-button to void-openfolder-button */
 .void-openfolder-button {
-    margin: 8px 0;
     padding: 8px 20px;
     background-color: #3b82f6;
     color: white;
@@ -46,7 +45,6 @@
 
 /* Added for Open SSH button with slightly darker color */
 .void-openssh-button {
-    margin: 8px 0;
     padding: 8px 20px;
     background-color: #656565; /* Slightly darker than the #5a5a5a in the TS file */
     color: white;