From 0a8b4fb912cbee1368198b9f42417ec738c661ca Mon Sep 17 00:00:00 2001
From: David Montero Crespo <davidmonterocrespo24@gmail.com>
Date: Wed, 4 Mar 2026 19:32:19 -0300
Subject: [PATCH] feat: enhance board selector styles for improved usability
 and appearance

---
 .../components-wokwi/NanoRP2040.tsx           |  1 +
 .../components/simulator/SimulatorCanvas.css  | 22 +++++++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/frontend/src/components/components-wokwi/NanoRP2040.tsx b/frontend/src/components/components-wokwi/NanoRP2040.tsx
index 83224938..39f647b9 100644
--- a/frontend/src/components/components-wokwi/NanoRP2040.tsx
+++ b/frontend/src/components/components-wokwi/NanoRP2040.tsx
@@ -23,6 +23,7 @@ export const NanoRP2040 = ({
   }, [ledBuiltIn]);
 
   return (
+    // @ts-expect-error -- wokwi-nano-rp2040-connect is a custom element not in base JSX types
     <wokwi-nano-rp2040-connect
       id={id}
       ref={ref}
diff --git a/frontend/src/components/simulator/SimulatorCanvas.css b/frontend/src/components/simulator/SimulatorCanvas.css
index 1b29b3a2..9b3f816f 100644
--- a/frontend/src/components/simulator/SimulatorCanvas.css
+++ b/frontend/src/components/simulator/SimulatorCanvas.css
@@ -4,6 +4,28 @@
   position: relative;
 }
 
+/* Board Selector */
+.board-selector {
+  padding: 6px 10px;
+  background: #1e2a38;
+  color: #e0e0e0;
+  border: 1px solid #3d5a73;
+  border-radius: 6px;
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: border-color 0.2s;
+}
+
+.board-selector:hover:not(:disabled) {
+  border-color: #007acc;
+}
+
+.board-selector:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
 /* Add Component Button */
 .add-component-btn {
   padding: 8px 16px;