[Mutants & Masterminds 3rd Edition] CSS Fix

Mutants and Masterminds 3E/mutants-and-masterminds.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css?family=Bangers|Sriracha&display=swap");
 div.charsheet {
   width: 850px;
@@ -932,6 +933,7 @@ div.charsheet .section-powers .repcontainer .repitem > label {
   background-repeat: no-repeat;
   cursor: pointer;
   position: relative;
+  width: 100%;
 }
 div.charsheet .section-powers .repcontainer .repitem > label input[type=checkbox] {
   position: absolute;

Mutants and Masterminds 3E/scss/files/page1.scss

@@ -354,6 +354,7 @@ div.section-modifiers {
     div.details-row {
         display: flex;
         justify-content: space-between;
+        align-items:center;
 
         input[type="number"] {
             width:100%;

Mutants and Masterminds 3E/scss/files/page23.scss

@@ -53,6 +53,7 @@
                 background-repeat: no-repeat;
                 cursor:pointer;
                 position:relative;
+                width:100%;
 
                 input[type="checkbox"] {
                     position:absolute;