From bb941c12dd207a73f0f529d86b2619fd2d106bb5 Mon Sep 17 00:00:00 2001
From: Roo Code <roomote@roocode.com>
Date: Fri, 25 Jul 2025 17:40:37 +0000
Subject: [PATCH] fix: address review comments - remove duplicate CSS and fix
 RTL hack

- Removed duplicate .dropdown-container class definition in index.css (line 577)
- Replaced RTL direction hack with proper text-align approach in ModesView.tsx for better accessibility
---
 webview-ui/src/components/modes/ModesView.tsx | 4 ++--
 webview-ui/src/index.css                      | 6 ------
 2 files changed, 2 insertions(+), 8 deletions(-)

diff --git a/webview-ui/src/components/modes/ModesView.tsx b/webview-ui/src/components/modes/ModesView.tsx
index 188cd6cb1e..d18de20d90 100644
--- a/webview-ui/src/components/modes/ModesView.tsx
+++ b/webview-ui/src/components/modes/ModesView.tsx
@@ -670,8 +670,8 @@ const ModesView = ({ onDone }: ModesViewProps) => {
 																{modeConfig.name}
 															</span>
 															<span
-																className="text-foreground text-xs opacity-70 truncate flex-shrink-0 max-w-[40%] text-right"
-																style={{ direction: "rtl" }}
+																className="text-foreground text-xs opacity-70 truncate flex-shrink-0 max-w-[40%]"
+																style={{ textAlign: "right" }}
 																title={modeConfig.slug}>
 																{modeConfig.slug}
 															</span>
diff --git a/webview-ui/src/index.css b/webview-ui/src/index.css
index 15ff1cfd5a..ee340f0ce3 100644
--- a/webview-ui/src/index.css
+++ b/webview-ui/src/index.css
@@ -570,12 +570,6 @@ input[cmdk-input]:focus {
 	max-width: 100%;
 }
 
-.dropdown-container {
-	min-width: 0;
-	flex: 1;
-	overflow: hidden;
-}
-
 /* Settings view specific responsive adjustments */
 @container (max-width: 400px) {
 	/* Reduce button sizes in very narrow containers */