From cdc2d87d66036b70746010c7e66040a3d2ec1e9d Mon Sep 17 00:00:00 2001
From: Florian Berthold <florian.berthold@sub-net.at>
Date: Mon, 8 Dec 2025 14:57:08 +0100
Subject: [PATCH] Update TalentBuilder: Adjusted styles and fixed mage sample
 path

---
 talent-builder/src/components/TalentBuilder.tsx | 10 +++++-----
 talent-builder/src/components/TalentCell.tsx    |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/talent-builder/src/components/TalentBuilder.tsx b/talent-builder/src/components/TalentBuilder.tsx
index 900a5ba..c744089 100644
--- a/talent-builder/src/components/TalentBuilder.tsx
+++ b/talent-builder/src/components/TalentBuilder.tsx
@@ -1,5 +1,5 @@
 "use client";
-import mage from "../data/mage.sample.json" assert { type: "json" };
+import mage from "../../public/data/mage.json" assert { type: "json" };
 import { useEffect, useMemo, useRef, useState } from "react";
 import { toGridSpec } from "../lib/transform";
 import { TalentGrid } from "./TalentGrid";
@@ -264,15 +264,15 @@ export function TalentBuilder() {
       <div style={{ display: "flex", alignItems: "center", gap: 12 }}>
         <label htmlFor="class-select" style={{ fontSize: 13, color: "#bbb" }}>Class:</label>
         <select id="class-select" value={className} onChange={onClassChange} style={selectStyle}>
-          <option value="mage">Mage</option>
           <option value="druid">Druid</option>
+          <option value="hunter">Hunter</option>
+          <option value="mage">Mage</option>
           <option value="paladin">Paladin</option>
-          <option value="warlock">Warlock</option>
           <option value="priest">Priest</option>
           <option value="rogue">Rogue</option>
-          <option value="warrior">Warrior</option>
-          <option value="hunter">Hunter</option>
           <option value="shaman">Shaman</option>
+          <option value="warlock">Warlock</option>
+          <option value="warrior">Warrior</option>
         </select>
         <div style={{
           fontSize: 14,
diff --git a/talent-builder/src/components/TalentCell.tsx b/talent-builder/src/components/TalentCell.tsx
index ab33ad1..f48ece4 100644
--- a/talent-builder/src/components/TalentCell.tsx
+++ b/talent-builder/src/components/TalentCell.tsx
@@ -80,13 +80,13 @@ export function TalentCell({ talent, iconBaseUrl }: Props) {
           style={{
             position: "absolute",
             right: 2,
-            bottom: 2,
+            bottom: 5,
             background: "rgba(0,0,0,0.7)",
             padding: "2px 5px",
             fontSize: 14,
             fontWeight: 600,
             borderRadius: 4,
-            border: "1px solid #000",
+            border: "0px solid #000",
             color: isMaxed ? "#00ff00" : "#ffffff",
           }}
         >