✨

less/character-sheet.less

@@ -290,6 +290,7 @@
         -o-border-radius: 10px;
 
         padding: 5px;
+        margin: 5px;
         display: flex;
         flex-direction: column;
         justify-content: space-around;
@@ -297,6 +298,30 @@
         text-align: center;
     }
 
+    .charHPCurrent {
+        width: 80px;
+        height: 80px;
+
+        margin-left: 20px;
+    }
+
+    .charHPMax {
+        width: 35px;
+        height: 35px;
+    }
+
+    .charHexHead {
+        font-size: 20px;
+    }
+
+    .hpHead {
+        font-size: 30px;
+    }
+
+    .hpMaxHead {
+        font-size: 18px;
+    }
+
     .menuBox {
         background-color: #5e0000;
         border: none;

pokemon.css

@@ -241,12 +241,31 @@
   -moz-border-radius: 10px;
   -o-border-radius: 10px;
   padding: 5px;
+  margin: 5px;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   align-items: center;
   text-align: center;
 }
+.pokemon.sheet.characterSheet .charHPCurrent {
+  width: 80px;
+  height: 80px;
+  margin-left: 20px;
+}
+.pokemon.sheet.characterSheet .charHPMax {
+  width: 35px;
+  height: 35px;
+}
+.pokemon.sheet.characterSheet .charHexHead {
+  font-size: 20px;
+}
+.pokemon.sheet.characterSheet .hpHead {
+  font-size: 30px;
+}
+.pokemon.sheet.characterSheet .hpMaxHead {
+  font-size: 18px;
+}
 .pokemon.sheet.characterSheet .menuBox {
   background-color: #5e0000;
   border: none;

system.json

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

templates/sheets/character/sidebar.hbs

@@ -16,8 +16,8 @@
 
         <div class="calcStatBox">
             <div class="hitPointBox">
-                <div class="charHex charHPCurrent"><span class="charHexHead">HP</span></br><span class="charHexValue">{{system.hp.current}}</span></div>
-                <div class="charHex charHPMax"><span class="charHexHead">Max</span></br><span class="charHexValue">{{system.hp.max}}</span></div>
+                <div class="charHex charHPCurrent"><span class="charHexHead hpHead">HP</span></br><span class="charHexValue">{{system.hp.current}}</span></div>
+                <div class="charHex charHPMax"><span class="charHexHead hpMaxHead">Max</span></br><span class="charHexValue">{{system.hp.max}}</span></div>
             </div>
             <div class="row">
                 <div class="charHex"><span class="charHexHead">{{localize "POKEMON.System.ArmorClass"}}</span></br><span class="charHexValue">{{system.armorClass}}</span></div>