From 9b401558a588aae473dadb0803abfc33f04f8513 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Thu, 2 Apr 2026 22:58:46 +0200
Subject: [PATCH] fix: make disabled route control buttons visually distinct

Disabled buttons now show reduced opacity (0.35) and muted icon
color instead of just changing the cursor.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 ui/src/pages/Exchanges/RouteControlBar.module.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/ui/src/pages/Exchanges/RouteControlBar.module.css b/ui/src/pages/Exchanges/RouteControlBar.module.css
index 709b7ea8..891078d6 100644
--- a/ui/src/pages/Exchanges/RouteControlBar.module.css
+++ b/ui/src/pages/Exchanges/RouteControlBar.module.css
@@ -52,6 +52,12 @@
 
 .segment:disabled {
   cursor: not-allowed;
+  opacity: 0.35;
+  color: var(--text-muted);
+}
+
+.segment:disabled svg {
+  color: var(--text-muted) !important;
 }
 
 .divider {