Fix sorting controls on mobile

2025-12-23 10:11:13 -05:00 · 2025-09-30 12:13:25 +00:00
parent 5c391a3087
commit 917cf06f35
2 changed files with 9 additions and 7 deletions
--- a/src/pages/Parks.tsx
+++ b/src/pages/Parks.tsx
@@ -395,11 +395,13 @@ export default function Parks() {
              />
            </div>
            
-            <div className="flex flex-wrap gap-1.5 sm:gap-2">
-              <ParkSortOptions 
-                sort={sort}
-                onSortChange={setSort}
-              />
+            <div className="flex flex-col sm:flex-row gap-1.5 sm:gap-2 w-full">
+              <div className="flex-1 sm:flex-none">
+                <ParkSortOptions 
+                  sort={sort}
+                  onSortChange={setSort}
+                />
+              </div>
              
              <Button
                variant={showFilters ? "default" : "outline"}