From 80eb50d3593097529ed01be40407db558bc7ac74 Mon Sep 17 00:00:00 2001
From: Aaron Wood <aaron.wood@mac.lan>
Date: Sat, 11 Apr 2026 13:07:17 -0400
Subject: [PATCH] Move SpellList above CharacterSheet so it's visible without
 scrolling

Also delete stale compiled .js files that were shadowing the .tsx source
and causing Vite to serve the old pre-spells versions of all components.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../src/components/CharacterDetail.module.css |  3 +-
 client/src/components/CharacterDetail.tsx     | 30 +++++++++----------
 client/src/components/SpellList.module.css    |  6 ++--
 3 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/client/src/components/CharacterDetail.module.css b/client/src/components/CharacterDetail.module.css
index 2edb877..213baeb 100644
--- a/client/src/components/CharacterDetail.module.css
+++ b/client/src/components/CharacterDetail.module.css
@@ -97,7 +97,8 @@
 }
 
 .restRow {
-  margin-top: 1rem;
+  margin-top: 0.5rem;
+  margin-bottom: 1.25rem;
   display: flex;
   justify-content: flex-end;
 }
diff --git a/client/src/components/CharacterDetail.tsx b/client/src/components/CharacterDetail.tsx
index cfb8e24..55ececb 100644
--- a/client/src/components/CharacterDetail.tsx
+++ b/client/src/components/CharacterDetail.tsx
@@ -80,21 +80,6 @@ export default function CharacterDetail({
           </button>
         </div>
 
-        <CharacterSheet
-          character={character}
-          mode={mode}
-          campaignId={campaignId}
-          critKeys={critKeys}
-          onUpdate={onUpdate}
-          onStatChange={onStatChange}
-          onAddGearFromItem={onAddGearFromItem}
-          onAddGearCustom={onAddGearCustom}
-          onRemoveGear={onRemoveGear}
-          onAddTalent={onAddTalent}
-          onRemoveTalent={onRemoveTalent}
-          onDelete={onDelete}
-        />
-
         <SpellList
           characterId={character.id}
           characterClass={character.class}
@@ -116,6 +101,21 @@ export default function CharacterDetail({
             </button>
           </div>
         )}
+
+        <CharacterSheet
+          character={character}
+          mode={mode}
+          campaignId={campaignId}
+          critKeys={critKeys}
+          onUpdate={onUpdate}
+          onStatChange={onStatChange}
+          onAddGearFromItem={onAddGearFromItem}
+          onAddGearCustom={onAddGearCustom}
+          onRemoveGear={onRemoveGear}
+          onAddTalent={onAddTalent}
+          onRemoveTalent={onRemoveTalent}
+          onDelete={onDelete}
+        />
       </div>
 
       {castResult && (
diff --git a/client/src/components/SpellList.module.css b/client/src/components/SpellList.module.css
index 6c2619f..1b93a34 100644
--- a/client/src/components/SpellList.module.css
+++ b/client/src/components/SpellList.module.css
@@ -1,7 +1,7 @@
 .container {
-  margin-top: 1.5rem;
-  padding-top: 1rem;
-  border-top: 1px solid rgba(var(--gold-rgb), 0.15);
+  margin-bottom: 1.25rem;
+  padding-bottom: 0.5rem;
+  border-bottom: 1px solid rgba(var(--gold-rgb), 0.15);
 }
 
 .header {