🤖 Simplify chat controls to use idiomatic flex

Remove hardcoded margins from ThinkingSlider and Context1MCheckbox,
let parent container handle spacing with gap-3. This makes the layout
more responsive and easier to reason about.

- ThinkingSlider: ml-5 → handled by parent gap
- Context1MCheckbox: ml-2 → handled by parent gap
- ChatInput: pr-3 on child → gap-3 on parent

Author: ammar-agent

src/components/ChatInput.tsx

@@ -747,10 +747,10 @@ export const ChatInput: React.FC<ChatInputProps> = ({
             Editing message ({formatKeybind(KEYBINDS.CANCEL_EDIT)} to cancel)
           </div>
         )}
-        <div className="flex items-center overflow-x-auto overflow-y-hidden">
+        <div className="flex items-center gap-3 overflow-x-auto overflow-y-hidden">
           {/* Model Selector - always visible */}
           <div
-            className="flex shrink-0 items-center gap-1.5 pr-3"
+            className="flex shrink-0 items-center gap-1.5"
             data-component="ModelSelectorGroup"
           >
             <ModelSelector

src/components/Context1MCheckbox.tsx

@@ -16,7 +16,7 @@ export const Context1MCheckbox: React.FC<Context1MCheckboxProps> = ({ modelStrin
   }
 
   return (
-    <div className="ml-2 flex items-center gap-1.5">
+    <div className="flex items-center gap-1.5">
       <label className="text-foreground flex cursor-pointer items-center gap-1 truncate text-[10px] select-none hover:text-white">
         <input type="checkbox" checked={use1M} onChange={(e) => setUse1M(e.target.checked)} />
         1M Context

src/components/ThinkingSlider.tsx

@@ -95,7 +95,7 @@ export const ThinkingSliderComponent: React.FC<ThinkingControlProps> = ({ modelS
 
     return (
       <TooltipWrapper>
-        <div className="ml-5 flex items-center gap-2">
+        <div className="flex items-center gap-2">
           <label className="text-subdued text-[10px] select-none">Thinking:</label>
           <span
             className="min-w-11 uppercase transition-all duration-200 select-none"
@@ -127,7 +127,7 @@ export const ThinkingSliderComponent: React.FC<ThinkingControlProps> = ({ modelS
 
   return (
     <TooltipWrapper>
-      <div className="ml-5 flex items-center gap-2">
+      <div className="flex items-center gap-2">
         <label htmlFor={sliderId} className="text-subdued text-[10px] select-none">
           Thinking:
         </label>