✨

less/character-sheet.less

@@ -638,4 +638,13 @@
         display: flex;
         flex-direction: column;
     }
+
+    .defenseTable {
+        border-radius: 10px;
+
+        th {
+            border: 2px black;
+            padding: 5px;
+        }
+    }
 }

pokemon.css

@@ -533,3 +533,10 @@
   display: flex;
   flex-direction: column;
 }
+.pokemon.sheet.characterSheet .defenseTable {
+  border-radius: 10px;
+}
+.pokemon.sheet.characterSheet .defenseTable th {
+  border: 2px black;
+  padding: 5px;
+}

system.json

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

templates/partials/character-sheet-character.hbs

@@ -56,19 +56,19 @@
         <div class="row">
             <div class="charHex statHex"><span class="charHexHead">HP</span></br><input class="charHexValue invisibleInput" type="number" name="system.stats.hp" value="{{system.stats.hp}}"></div>
         </div>
-        <div class="defenseBox">
+    </div>
-            <table class="defenseTable">
+    <div class="defenseBox">
-                <tr>
+        <table class="defenseTable">
-                    {{#each types}}
+            <tr>
-                        <th>{{this}}</th>
+                {{#each types}}
-                    {{/each}}
+                    <th class="{{this}}">{{#short this}}</th>
-                </tr>
+                {{/each}}
-                <tr>
+            </tr>
-                    {{#each defenses}}
+            <tr>
-                        <th>{{this}}</th>
+                {{#each defenses}}
-                    {{/each}}
+                    <th class="effectiveness{{this}}">{{this}}</th>
-                </tr>
+                {{/each}}
-            </table>
+            </tr>
-        </div>
+        </table>
     </div>
 </div>