Left align conversation details in list items

openhands-agent · openhands-agent · commit 0dab6d875b6a · 2025-10-30T16:34:15.000Z
- Add text-left class to conversation content container
- Ensures all conversation details (ID, Created date, Status) are left-aligned
- Improves visual consistency and readability

Co-authored-by: openhands &lt;openhands@all-hands.dev&gt;
diff --git a/example/src/components/ConversationManager.tsx b/example/src/components/ConversationManager.tsx
@@ -467,7 +467,7 @@ export const ConversationManager: React.FC = () => {
                   }`}
                   onClick={() => selectConversation(conversation.id)}
                 >
-                  <div className="flex-1 min-w-0">
+                  <div className="flex-1 min-w-0 text-left">
                     <div className="text-sm font-mono text-gray-600 dark:text-gray-400 mb-2">
                       ID: {conversation.id.substring(0, 8)}...
                     </div>

Original file line number	Diff line number	Diff line change
`@@ -467,7 +467,7 @@ export const ConversationManager: React.FC = () => {`
`467`	`467`	}`}
`468`	`468`	`onClick={() => selectConversation(conversation.id)}`
`469`	`469`	`>`
`470`		`- <div className="flex-1 min-w-0">`
	`470`	`+ <div className="flex-1 min-w-0 text-left">`
`471`	`471`	`<div className="text-sm font-mono text-gray-600 dark:text-gray-400 mb-2">`
`472`	`472`	`ID: {conversation.id.substring(0, 8)}...`
`473`	`473`	`</div>`