From b9cea4906e51ed84e6a15c2a701cd06f8d34dd35 Mon Sep 17 00:00:00 2001
From: Mathew Pareles <mathewpareles@gmail.com>
Date: Wed, 1 Jan 2025 23:08:32 -0800
Subject: [PATCH] fix chat bubble direction

---
 .../contrib/void/browser/react/src/sidebar-tsx/Sidebar.tsx      | 2 +-
 .../contrib/void/browser/react/src/sidebar-tsx/SidebarChat.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/Sidebar.tsx b/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/Sidebar.tsx
index 65438c8d..cb810921 100644
--- a/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/Sidebar.tsx
+++ b/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/Sidebar.tsx
@@ -23,7 +23,7 @@ export const Sidebar = ({ className }: { className: string }) => {
 
 	const isDark = useIsDark()
 	return <div className={`@@void-scope ${isDark ? 'dark' : ''}`} style={{ width: '100%', height: '100%' }}>
-		<div className={`flex flex-col px-2 py-2 w-full h-full bg-vscode-sidebar-bg`}>
+		<div className={`flex flex-col py-2 w-full h-full bg-vscode-sidebar-bg`}>
 
 			{/* <span onClick={() => {
 				const tabs = ['chat', 'settings', 'threadSelector']
diff --git a/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/SidebarChat.tsx b/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/SidebarChat.tsx
index afa240d3..b028bf78 100644
--- a/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/SidebarChat.tsx
+++ b/src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/SidebarChat.tsx
@@ -382,7 +382,7 @@ const ChatBubble = ({ chatMessage, isLoading }: {
 		chatbubbleContents = <ChatMarkdownRender string={chatMessage.displayContent} /> // sectionsHTML
 	}
 
-	return <div className={`${role === 'user' ? 'text-right' : 'text-left'}`}>
+	return <div className={`mx-2 flex flex-col ${role === 'user' ? 'items-end' : 'items-start'}`}>
 		<div className={`text-left p-2 rounded-lg space-y-2 ${role === 'user' ? 'bg-vscode-input-bg text-vscode-input-fg' : ''} max-w-full overflow-auto`}>
 			{chatbubbleContents}
 			{isLoading && <IconLoading className='opacity-50 text-sm' />}