From 3885f09a0b0f0df0e8ede67a03160c4775537700 Mon Sep 17 00:00:00 2001
From: Saoud Rizwan <7799382+saoudrizwan@users.noreply.github.com>
Date: Thu, 30 Jan 2025 11:15:16 -0800
Subject: [PATCH] Fix context window progress bar spacing (#1554)

---
 webview-ui/src/components/chat/TaskHeader.tsx | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/webview-ui/src/components/chat/TaskHeader.tsx b/webview-ui/src/components/chat/TaskHeader.tsx
index d5a3e61954..8c84fb0c38 100644
--- a/webview-ui/src/components/chat/TaskHeader.tsx
+++ b/webview-ui/src/components/chat/TaskHeader.tsx
@@ -117,7 +117,7 @@ const TaskHeader: React.FC<TaskHeaderProps> = ({
 				<div
 					style={{
 						display: "flex",
-						flexDirection: windowWidth < 320 ? "column" : "row",
+						flexDirection: windowWidth < 270 ? "column" : "row",
 						gap: "4px",
 					}}>
 					<div
@@ -136,19 +136,16 @@ const TaskHeader: React.FC<TaskHeaderProps> = ({
 						style={{
 							display: "flex",
 							alignItems: "center",
-							gap: "8px",
+							gap: "3px",
 							flex: 1,
 							whiteSpace: "nowrap",
 						}}>
-						<span>
-							{formatLargeNumber(lastApiReqTotalTokens)} (
-							{Math.round((lastApiReqTotalTokens / contextWindow) * 100)}%)
-						</span>
+						<span>{formatLargeNumber(lastApiReqTotalTokens)}</span>
 						<div
 							style={{
 								display: "flex",
 								alignItems: "center",
-								gap: "8px",
+								gap: "3px",
 								flex: 1,
 							}}>
 							<div