🤖 Add ml-auto to mode toggles to utilize full width

ammar-agent · ammar-agent · commit b86cc3fcb400 · 2025-10-24T12:20:21.000-05:00
Push mode toggles to the right edge, making controls spread
across the available space instead of hugging the left.
diff --git a/src/components/ChatInput.tsx b/src/components/ChatInput.tsx
@@ -795,7 +795,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({
           >
             <Context1MCheckbox modelString={preferredModel} />
           </div>
-          <div className="max-@[700px]:hidden flex items-center">
+          <div className="max-@[700px]:hidden ml-auto flex items-center">
             <div
               className={cn(
                 "flex gap-0 bg-toggle-bg rounded",

Original file line number	Diff line number	Diff line change
`@@ -795,7 +795,7 @@ export const ChatInput: React.FC<ChatInputProps> = ({`
`795`	`795`	`>`
`796`	`796`	`<Context1MCheckbox modelString={preferredModel} />`
`797`	`797`	`</div>`
`798`		`- <div className="max-@[700px]:hidden flex items-center">`
	`798`	`+ <div className="max-@[700px]:hidden ml-auto flex items-center">`
`799`	`799`	`<div`
`800`	`800`	`className={cn(`
`801`	`801`	`"flex gap-0 bg-toggle-bg rounded",`