From 9059fdc0be958d14dfa2e1d70a4e7191b10cac22 Mon Sep 17 00:00:00 2001
From: Rafael Martins <rafael271alves@gmail.com>
Date: Sun, 2 Aug 2026 21:00:49 -0300
Subject: [PATCH] fix: stop the exit mode switch from leaving a gap beside its
 buttons

The fieldset stretched to the width of its column while the two labels kept
their own, so the grey track ran past MANUAL into empty space. The buttons
now share the track: full width on a phone, content width from sm up.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 components/organisms/journey-form.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/organisms/journey-form.tsx b/components/organisms/journey-form.tsx
index ffd0dde..a0511ac 100644
--- a/components/organisms/journey-form.tsx
+++ b/components/organisms/journey-form.tsx
@@ -91,12 +91,12 @@ export function JourneyForm({
           </button>
         </div>
         <div className="space-y-2 sm:text-right">
-          <fieldset className="flex items-center gap-1 bg-neutral-100 dark:bg-neutral-800 p-1.5 rounded-2xl">
+          <fieldset className="grid grid-cols-2 gap-1 bg-neutral-100 dark:bg-neutral-800 p-1.5 rounded-2xl sm:ml-auto sm:inline-grid sm:w-fit">
             <legend className="sr-only">Modo de cálculo da saída</legend>
             {EXIT_MODES.map(({ label, isManual }) => (
               <label
                 key={label}
-                className="relative cursor-pointer px-6 py-3.5 rounded-xl text-xs font-bold text-neutral-600 dark:text-neutral-300 transition-colors has-checked:bg-white dark:has-checked:bg-neutral-700 has-checked:shadow-md has-checked:text-emerald-700 dark:has-checked:text-emerald-400 focus-within:ring-2 focus-within:ring-emerald-500"
+                className="relative cursor-pointer px-6 py-3.5 rounded-xl text-center text-xs font-bold text-neutral-600 dark:text-neutral-300 transition-colors has-checked:bg-white dark:has-checked:bg-neutral-700 has-checked:shadow-md has-checked:text-emerald-700 dark:has-checked:text-emerald-400 focus-within:ring-2 focus-within:ring-emerald-500"
               >
                 <input
                   type="radio"