✨

less/character-sheet.less

@@ -65,6 +65,8 @@
 
     .invisibleInput {
         background: transparent;
+        color: inherit;
+        text-align: inherit;
     }
 
     .advancementBox {
@@ -94,6 +96,7 @@
         flex-direction: column;
         justify-content: space-around;
         align-items: center;
+        text-align: center;
     }
 
     .lvlValue {

pokemon.css

@@ -55,6 +55,8 @@
 }
 .pokemon.sheet.characterSheet .invisibleInput {
   background: transparent;
+  color: inherit;
+  text-align: inherit;
 }
 .pokemon.sheet.characterSheet .advancementBox {
   margin-left: 20px;
@@ -79,6 +81,7 @@
   flex-direction: column;
   justify-content: space-around;
   align-items: center;
+  text-align: center;
 }
 .pokemon.sheet.characterSheet .lvlValue {
   font-size: 25px;

system.json

@@ -1,5 +1,5 @@
 {
-    "version": "0.0.17",
+    "version": "0.0.18",
     "id": "pokemon",
     "title": "Pokémon TTRPG",
     "description": "A Pokémon TTRPG",

templates/sheets/character/header.hbs

@@ -1,16 +1,16 @@
 <div class="headerBox">
     <div class="charInfo">
         <input class="inputText bigInputText" type="text" name="name" value="{{actor.name}}">
-        <input class="inputText smallInputText" type="text" name="system.species" value="{{data.species}}">
+        <input class="inputText smallInputText" type="text" name="system.species" value="{{system.species}}">
     </div>
     <div class="advancementBox">
         <div class="lvlBox">
             <div class="lvlLabel">{{localize "POKEMON.System.LevelShort"}}</div>
-            <input class="invisibleInput" type="number" name="system.experience.level" value="{{data.experience.level}}">
+            <input class="invisibleInput" type="number" name="system.experience.level" value="{{system.experience.level}}">
         </div>
         <div class="expBox">
             <div class="expLabel">{{localize "POKEMON.System.ExperienceShort"}}:</div>
-            <div class="expValue">{{system.experience.EXP}}</div>
+            <input class="invisibleInput" type="number" name="system.experience.Exp" value="{{system.experience.Exp}}">
         </div>
     </div>
 </div>