From 4f14b0fded49a6e2ecf34a8fd77501999630dd22 Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Sun, 10 Aug 2025 17:52:33 +0200
Subject: [PATCH] =?UTF-8?q?UX:=20Titel/Labels=20f=C3=BCr=20Channel-=20und?=
 =?UTF-8?q?=20Theme-Auswahl=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/App.tsx | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/web/src/App.tsx b/web/src/App.tsx
index a10fc5e..58c517d 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -386,10 +386,10 @@ export default function App() {
             </div>
             <div className="flex items-center space-x-3 lg:col-span-2">
               <div className="relative flex-grow">
-                                 <select className="input-field appearance-none pl-10" value={theme} onChange={(e)=>setTheme(e.target.value)}>
-                   <option value="dark">Dark</option>
-                   <option value="rainbow">Rainbow</option>
-                   <option value="420">420</option>
+                 <select title="Theme Auswahl" className="input-field appearance-none pl-10" value={theme} onChange={(e)=>setTheme(e.target.value)}>
+                   <option value="dark">Theme: Dark</option>
+                   <option value="rainbow">Theme: Rainbow</option>
+                   <option value="420">Theme: 420</option>
                  </select>
                 <span className="material-icons absolute left-3 top-1/2 -translate-y-1/2" style={{color:'var(--text-secondary)'}}>palette</span>
                 <span className="material-icons absolute right-3 top-1/2 -translate-y-1/2 pointer-events-none" style={{color:'var(--text-secondary)'}}>unfold_more</span>
@@ -673,8 +673,14 @@ function CustomSelect({ channels, value, onChange }: SelectProps) {
 
   return (
     <div className="control select custom-select" ref={ref}>
-      <button ref={triggerRef} type="button" className="select-trigger" onClick={() => setOpen(v => !v)}>
-        {current ? `${current.guildName} – ${current.channelName}` : 'Channel wählen'}
+      <button
+        ref={triggerRef}
+        type="button"
+        className="select-trigger"
+        onClick={() => setOpen(v => !v)}
+        title={current ? `Channel: ${current.guildName} – ${current.channelName}` : 'Channel wählen'}
+      >
+        {current ? `Channel: ${current.guildName} – ${current.channelName}` : 'Channel wählen'}
         <span className="chev">▾</span>
       </button>
       {open && typeof document !== 'undefined' && ReactDOM.createPortal(