✨

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;