✨

less/character-sheet.less

@@ -469,6 +469,7 @@
     .container {
         display: flex;
         align-items: center;
+        margin: 5px;
     }
 
     .radioButton {
@@ -488,6 +489,7 @@
         width: 36px;
         background-color: #30da0c;
         border-radius: 5px;
+        margin-right: 8px;
 
         box-shadow: 0 0 10px #003300 inset;
         -webkit-box-shadow: 0 0 10px #003300 inset;
@@ -507,13 +509,13 @@
 
     /* When the radio button is checked, add a blue background */
     .container input:checked ~ .checkmark {
-        background-color: #3de31c;
+        background-color: #69f84d;
     }
 
     /* Create the indicator (the dot/circle - hidden when not checked) */
     .checkmark:after {
         content: "";
-        position: absolute;
+        position: relative;
         display: none;
     }
 
@@ -526,7 +528,7 @@
     .container .checkmark:after {
         top: 5px;
         left: 8px;
-        width: 10px;
+        width: 13px;
         height: 10px;
         border-radius: 50%;
         background: black;

pokemon.css

@@ -402,6 +402,7 @@
 .pokemon.sheet.characterSheet .container {
   display: flex;
   align-items: center;
+  margin: 5px;
 }
 .pokemon.sheet.characterSheet .radioButton {
   position: absolute;
@@ -418,6 +419,7 @@
   width: 36px;
   background-color: #30da0c;
   border-radius: 5px;
+  margin-right: 8px;
   box-shadow: 0 0 10px #003300 inset;
   -webkit-box-shadow: 0 0 10px #003300 inset;
   -moz-box-shadow: 0 0 10px #003300 inset;
@@ -431,11 +433,11 @@
   background-color: #3de31c;
 }
 .pokemon.sheet.characterSheet .container input:checked ~ .checkmark {
-  background-color: #3de31c;
+  background-color: #69f84d;
 }
 .pokemon.sheet.characterSheet .checkmark:after {
   content: "";
-  position: absolute;
+  position: relative;
   display: none;
 }
 .pokemon.sheet.characterSheet .container input:checked ~ .checkmark:after {
@@ -444,7 +446,7 @@
 .pokemon.sheet.characterSheet .container .checkmark:after {
   top: 5px;
   left: 8px;
-  width: 10px;
+  width: 13px;
   height: 10px;
   border-radius: 50%;
   background: black;