fix(vscode): fix session action buttons to share one row

Remove data-full-width from buttons inside the flex row (it forced
width:100% overriding flex). Use flex:1 with min-width:fit-content
so they share the row and only wrap when genuinely too narrow.
This commit is contained in:
marius-kilocode
2026-03-25 20:18:21 +01:00
parent dd5d966046
commit 12e33433a4
2 changed files with 3 additions and 5 deletions
@@ -156,7 +156,6 @@ export const ChatView: Component<ChatViewProps> = (props) => {
<Button
variant="ghost"
size="small"
data-full-width="true"
onClick={() => vscode.postMessage({ type: "openChanges" })}
aria-label={language.t("command.session.show.changes")}
>
@@ -168,7 +167,6 @@ export const ChatView: Component<ChatViewProps> = (props) => {
<Button
variant="ghost"
size="small"
data-full-width="true"
disabled={transferring()}
onClick={() => {
const sid = id()
@@ -182,9 +182,9 @@
gap: 4px;
}
.session-actions-row > * {
flex: 1 1 auto;
min-width: 0;
.session-actions-row > [data-component="button"] {
flex: 1 1 0;
min-width: fit-content;
}
/* ============================================