From 7ece1f9b4545cb0fcc00ae723cee426ae7983cf3 Mon Sep 17 00:00:00 2001
From: domverse <domverse@domverse-berlin.eu>
Date: Sun, 1 Mar 2026 15:39:36 +0100
Subject: [PATCH] fix: replace faint sort arrows with ChevronsUpDown indicator
 on inactive columns

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 flight-comparator/frontend/src/pages/ScanDetails.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/flight-comparator/frontend/src/pages/ScanDetails.tsx b/flight-comparator/frontend/src/pages/ScanDetails.tsx
index 9eeb66c..da030f4 100644
--- a/flight-comparator/frontend/src/pages/ScanDetails.tsx
+++ b/flight-comparator/frontend/src/pages/ScanDetails.tsx
@@ -12,6 +12,7 @@ import {
   ChevronRight,
   ChevronUp,
   ChevronDown,
+  ChevronsUpDown,
   MapPin,
   AlertCircle,
   Loader2,
@@ -231,14 +232,14 @@ export default function ScanDetails() {
   };
 
   const SortIcon = ({ field }: { field: typeof sortField }) => {
-    if (sortField !== field) return <ChevronUp size={14} className="opacity-30" />;
+    if (sortField !== field) return <ChevronsUpDown size={14} className="opacity-50" />;
     return sortDirection === 'asc'
       ? <ChevronUp size={14} className="text-primary" />
       : <ChevronDown size={14} className="text-primary" />;
   };
 
   const FlightSortIcon = ({ field }: { field: 'date' | 'price' }) => {
-    if (flightSortField !== field) return <ChevronUp size={12} className="opacity-30" />;
+    if (flightSortField !== field) return <ChevronsUpDown size={12} className="opacity-50" />;
     return flightSortDir === 'asc'
       ? <ChevronUp size={12} className="text-secondary" />
       : <ChevronDown size={12} className="text-secondary" />;