✨

less/character-sheet.less

@@ -329,6 +329,7 @@
         background-color: #5e0000;
         border: none;
         padding: 0px 10px;
+        border-bottom-right-radius: 20px;
     }
 
     .horLine {
@@ -426,6 +427,7 @@
         position: absolute;
         z-index: 100;
         margin-top: 25px;
+        margin-left: 50px;
     }
 
     .categorySelectBox {

pokemon.css

@@ -273,6 +273,7 @@
   background-color: #5e0000;
   border: none;
   padding: 0px 10px;
+  border-bottom-right-radius: 20px;
 }
 .pokemon.sheet.characterSheet .horLine {
   width: 400px;
@@ -358,6 +359,7 @@
   position: absolute;
   z-index: 100;
   margin-top: 25px;
+  margin-left: 50px;
 }
 .pokemon.sheet.characterSheet .categorySelectBox {
   display: flex;

system.json

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

template.json

@@ -20,8 +20,8 @@
                 "speed": 0,
                 "hp": 0
             },
-            "attackCategory": 0,
-            "defenseCategory": 0,
+            "attackCategory": "Physical",
+            "defenseCategory": "Special",
             "speed": 0,
             "hp": {
                 "max": 0,

templates/partials/character-sheet-character.hbs

@@ -3,8 +3,9 @@
         <div class="charHex statHex"><span class="charHexHead">Attack</span></br><input class="charHexValue invisibleInput" type="number" name="system.stats.attack" value="{{system.stats.attack}}"></div>
         <div class="categorySelectBox">
             <select name="system.attackCategory">
-                <option value=0>Physical</option>
-                <option value=1>Special</option>
+                <option value="" disabled selected>{{system.attackCategory}}</option>
+                <option value="Physical">Physical</option>
+                <option value="Special">Special</option>
             </select>
         </div>
     </div>
@@ -12,8 +13,9 @@
         <div class="charHex statHex"><span class="charHexHead">Defense</span></br><input class="charHexValue invisibleInput" type="number" name="system.stats.defense" value="{{system.stats.defense}}"></div>
         <div class="categorySelectBox">
             <select name="system.defenseCategory">
-                <option value=0>Physical</option>
-                <option value=1>Special</option>
+                <option value="" disabled selected>{{system.defenseCategory}}</option>
+                <option value="Physical">Physical</option>
+                <option value="Special">Special</option>
             </select>
         </div>
     </div>