✨

less/character-sheet.less

@@ -466,6 +466,11 @@
         text-align: center;
     }
 
+    .container {
+        display: flex;
+        align-items: center;
+    }
+
     .radioButton {
         position: absolute;
         opacity: 0;
@@ -476,18 +481,18 @@
 
     /* Create a custom radio button */
     .checkmark {
-        position: absolute;
+        display: inline-block;
         top: 0;
         left: 0;
         height: 20px;
-        width: 35px;
+        width: 36px;
         background-color: #30da0c;
         border-radius: 5px;
 
-        box-shadow: 0 0 20px #003300 inset;
-        -webkit-box-shadow: 0 0 20px #003300 inset;
-        -moz-box-shadow: 0 0 20px #003300 inset;
-        -o-box-shadow: 0 0 20px #003300 inset;
+        box-shadow: 0 0 10px #003300 inset;
+        -webkit-box-shadow: 0 0 10px #003300 inset;
+        -moz-box-shadow: 0 0 10px #003300 inset;
+        -o-box-shadow: 0 0 10px #003300 inset;
 
         border-radius: 10px;
         -webkit-border-radius: 10px;
@@ -519,11 +524,11 @@
 
     /* Style the indicator (dot/circle) */
     .container .checkmark:after {
-        top: 9px;
-        left: 9px;
-        width: 8px;
-        height: 8px;
+        top: 5px;
+        left: 8px;
+        width: 10px;
+        height: 10px;
         border-radius: 50%;
-        background: white;
+        background: black;
     }
 }

pokemon.css

@@ -399,6 +399,10 @@
   align-items: center;
   text-align: center;
 }
+.pokemon.sheet.characterSheet .container {
+  display: flex;
+  align-items: center;
+}
 .pokemon.sheet.characterSheet .radioButton {
   position: absolute;
   opacity: 0;
@@ -407,17 +411,17 @@
   width: 0;
 }
 .pokemon.sheet.characterSheet .checkmark {
-  position: absolute;
+  display: inline-block;
   top: 0;
   left: 0;
   height: 20px;
-  width: 35px;
+  width: 36px;
   background-color: #30da0c;
   border-radius: 5px;
-  box-shadow: 0 0 20px #003300 inset;
-  -webkit-box-shadow: 0 0 20px #003300 inset;
-  -moz-box-shadow: 0 0 20px #003300 inset;
-  -o-box-shadow: 0 0 20px #003300 inset;
+  box-shadow: 0 0 10px #003300 inset;
+  -webkit-box-shadow: 0 0 10px #003300 inset;
+  -moz-box-shadow: 0 0 10px #003300 inset;
+  -o-box-shadow: 0 0 10px #003300 inset;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
@@ -438,10 +442,10 @@
   display: block;
 }
 .pokemon.sheet.characterSheet .container .checkmark:after {
-  top: 9px;
-  left: 9px;
-  width: 8px;
-  height: 8px;
+  top: 5px;
+  left: 8px;
+  width: 10px;
+  height: 10px;
   border-radius: 50%;
-  background: white;
+  background: black;
 }

system.json

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