Fix: Ensure controls fill width

src/pages/Parks.tsx

@@ -403,12 +403,10 @@ export default function Parks() {
             </div>
             
             <div className="flex gap-2 flex-1">
-              <div className="flex-1 sm:flex-none">
-                <ParkSortOptions 
-                  sort={sort}
-                  onSortChange={setSort}
-                />
-              </div>
+              <ParkSortOptions 
+                sort={sort}
+                onSortChange={setSort}
+              />
               
               <Button
                 variant={showFilters ? "default" : "outline"}
@@ -425,7 +423,7 @@ export default function Parks() {
                 )}
               </Button>
 
-              <Tabs value={viewMode} onValueChange={(v) => setViewMode(v as 'grid' | 'list')} className="flex-1 sm:flex-none hidden md:inline-flex">
+              <Tabs value={viewMode} onValueChange={(v) => setViewMode(v as 'grid' | 'list')} className="hidden md:inline-flex">
                 <TabsList>
                   <TabsTrigger value="grid">
                     <Grid3X3 className="w-4 h-4" />