Various fixes for v13

styles/character.less

@@ -4,6 +4,7 @@
   overflow: scroll;
 }
 
+
 .character-main {
   display: flex;
 

styles/hud.less

@@ -35,9 +35,10 @@
   padding-bottom: 0;
   width: max-content;
   margin: 0;
+  color:#252424;
 }
 
 #token-hud .hp-loss-wrap  .hud-loss-hp-button-select {
   padding-left: 8px;
-  font-size: 0.7rem;
+  font-size: 0.9rem;
 }

styles/mixins.less

@@ -6,6 +6,14 @@
   background-repeat: no-repeat;
   background-size: 100% 100%;
 
+  nav.tabs [data-tab] {
+    color: #636060;
+  }
+
+  nav.tabs [data-tab].active {
+    color: #252424;
+  }
+
   input:disabled,
   select:disabled {
     background-color: rgba(0, 0, 0, 0.2);
@@ -39,11 +47,11 @@
     input,
     select {
       text-align: center;
-      font-size: calc(var(--font-size-standard) * 1.0);
+      font-size: calc(var(--font-size-standard) * 1);
     }
     select {
       font-family: var(--font-secondary);
-      font-size: calc(var(--font-size-standard) * 1.0);
+      font-size: calc(var(--font-size-standard) * 1);
     }
   }
 
@@ -67,23 +75,43 @@
     padding-top: 4px;
   }
 
+  overflow: auto;
+
+  .form-group {
+    display: flex;
+    flex: 1;
+    flex-direction: row;
+    label {
+      align-content: center;
+      min-width: 10rem;
+      max-width: 10rem;
+    }
+    select,
+    input {
+      text-align: left;
+      min-width: 12rem;
+      max-width: 12rem;
+    }
+    input[type="checkbox"] {
+      min-width: 1.2rem;
+      max-width: 1.2rem;
+      margin-right: 0.5rem;
+    }
+  }
+
   label {
     font-family: var(--font-secondary);
-    font-size: calc(var(--font-size-standard) * 1.0);
+    font-size: calc(var(--font-size-standard) * 1);
     flex: 50%;
   }
-  
+
   .align-top {
     align-self: flex-start;
     padding: 0.1rem;
     margin-right: 0.2rem;
-    /*border-color: black;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 2%;*/
   }
 
   .shift-right {
     margin-left: 2rem;
-  }  
+  }
 }