From c27cf4f84a6e7c0c571de52ca5d7a0ae706f08d9 Mon Sep 17 00:00:00 2001
From: Lee Murray <mrleemurray@gmail.com>
Date: Tue, 31 Mar 2026 20:34:19 +0100
Subject: [PATCH] Sessions: Adjust header height and refine button styles
 (#306902)

Adjust header height and padding in CIStatusWidget; refine button styles in changes view

Co-authored-by: mrleemurray <mrleemurray@users.noreply.github.com>
---
 src/vs/sessions/contrib/changes/browser/ciStatusWidget.ts    | 2 +-
 .../sessions/contrib/changes/browser/media/changesView.css   | 2 +-
 .../contrib/changes/browser/media/ciStatusWidget.css         | 5 ++---
 .../contrib/sessions/browser/media/sessionsViewPane.css      | 4 ++++
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/vs/sessions/contrib/changes/browser/ciStatusWidget.ts b/src/vs/sessions/contrib/changes/browser/ciStatusWidget.ts
index d9f7aecdff7..fbbb10f9052 100644
--- a/src/vs/sessions/contrib/changes/browser/ciStatusWidget.ts
+++ b/src/vs/sessions/contrib/changes/browser/ciStatusWidget.ts
@@ -148,7 +148,7 @@ class CICheckListRenderer implements IListRenderer<ICICheckListItem, ICICheckTem
  */
 export class CIStatusWidget extends Disposable {
 
-	static readonly HEADER_HEIGHT = 38; // total header height in px
+	static readonly HEADER_HEIGHT = 34; // total header height in px
 	static readonly MIN_BODY_HEIGHT = 84; // at least 3 checks (3 * 28)
 	static readonly PREFERRED_BODY_HEIGHT = 112; // preferred 4 checks (4 * 28)
 	static readonly MAX_BODY_HEIGHT = 240; // at most ~8 checks
diff --git a/src/vs/sessions/contrib/changes/browser/media/changesView.css b/src/vs/sessions/contrib/changes/browser/media/changesView.css
index 056e1c31e2b..a8ae8364fd4 100644
--- a/src/vs/sessions/contrib/changes/browser/media/changesView.css
+++ b/src/vs/sessions/contrib/changes/browser/media/changesView.css
@@ -7,7 +7,7 @@
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-	padding: 4px 8px 8px 8px;
+	padding: 4px 8px;
 	box-sizing: border-box;
 }
 
diff --git a/src/vs/sessions/contrib/changes/browser/media/ciStatusWidget.css b/src/vs/sessions/contrib/changes/browser/media/ciStatusWidget.css
index a435ec0c1f9..32c9b53e46a 100644
--- a/src/vs/sessions/contrib/changes/browser/media/ciStatusWidget.css
+++ b/src/vs/sessions/contrib/changes/browser/media/ciStatusWidget.css
@@ -18,10 +18,9 @@
 	position: relative;
 	display: flex;
 	align-items: center;
-	/* gap: 6px; */
-	padding: 6px 4px;
+	padding: 4px;
 	margin-top: 4px;
-	border-radius: 8px;
+	border-radius: 4px;
 	min-height: 22px;
 	font-weight: 500;
 	cursor: pointer;
diff --git a/src/vs/sessions/contrib/sessions/browser/media/sessionsViewPane.css b/src/vs/sessions/contrib/sessions/browser/media/sessionsViewPane.css
index 460e935f955..671f45d5d05 100644
--- a/src/vs/sessions/contrib/sessions/browser/media/sessionsViewPane.css
+++ b/src/vs/sessions/contrib/sessions/browser/media/sessionsViewPane.css
@@ -86,6 +86,10 @@
 		text-align: left;
 	}
 
+	.agent-sessions-new-button-container .monaco-button:focus {
+		outline-offset: -1px !important;
+	}
+
 	.agent-sessions-new-button-container .monaco-button .new-session-button-label {
 		display: inline-flex;
 		align-items: center;