From e7c1c4b95099ac1ed7d07ebcd86da0dd1b78b26a Mon Sep 17 00:00:00 2001
From: Esdras Renan <monkeyesdras@gmail.com>
Date: Mon, 10 Nov 2025 11:13:12 -0300
Subject: [PATCH] fix: restore time range toggle layout

---
 src/components/reports/report-filter-toolbar.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/reports/report-filter-toolbar.tsx b/src/components/reports/report-filter-toolbar.tsx
index 34f80fc..f02ce95 100644
--- a/src/components/reports/report-filter-toolbar.tsx
+++ b/src/components/reports/report-filter-toolbar.tsx
@@ -30,9 +30,6 @@ type ReportsFilterToolbarProps = {
 const BILLING_TOGGLE_ITEM =
   "rounded-full px-4 py-1 text-xs font-semibold transition data-[state=on]:bg-neutral-900 data-[state=on]:text-white data-[state=off]:text-neutral-600 hover:bg-neutral-100"
 
-const RANGE_TOGGLE_ITEM =
-  "rounded-full px-4 py-1 text-sm font-semibold transition data-[state=on]:bg-neutral-900 data-[state=on]:text-white data-[state=off]:text-neutral-600 hover:bg-neutral-100"
-
 export function ReportsFilterToolbar({
   companyId,
   onCompanyChange,
@@ -87,15 +84,17 @@ export function ReportsFilterToolbar({
           type="single"
           value={timeRange}
           onValueChange={(value) => value && onTimeRangeChange(value as TimeRange)}
-          className="flex w-full flex-wrap items-center gap-2 rounded-2xl border border-border/60 bg-muted/30 p-1 sm:w-auto sm:flex-nowrap"
+          variant="outline"
+          size="lg"
+          className="flex rounded-2xl border border-border/60"
         >
-          <ToggleGroupItem value="90d" className={cn(RANGE_TOGGLE_ITEM, "flex-1 min-w-[90px] justify-center sm:flex-none")}>
+          <ToggleGroupItem value="90d" className="min-w-[80px] justify-center px-4">
             90 dias
           </ToggleGroupItem>
-          <ToggleGroupItem value="30d" className={cn(RANGE_TOGGLE_ITEM, "flex-1 min-w-[90px] justify-center sm:flex-none")}>
+          <ToggleGroupItem value="30d" className="min-w-[80px] justify-center px-4">
             30 dias
           </ToggleGroupItem>
-          <ToggleGroupItem value="7d" className={cn(RANGE_TOGGLE_ITEM, "flex-1 min-w-[90px] justify-center sm:flex-none")}>
+          <ToggleGroupItem value="7d" className="min-w-[80px] justify-center px-4">
             7 dias
           </ToggleGroupItem>
         </ToggleGroup>