style changes

src/RolemasterDb.App/wwwroot/app.css

@@ -315,7 +315,7 @@ textarea {
 .critical-cell-description {
     margin: 0;
     color: #2c1a10;
-    font-size: 1rem;
+    font-size: 1.2rem;
     line-height: 1.4;
 }
 
@@ -423,6 +423,15 @@ textarea {
 
 .affix-badge-symbol {
     font-size: 1.2rem;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.25em;
+    min-width: 1.25em;
+    height: 1em;
+    line-height: 1;
+    flex: 0 0 1.25em;
+    margin-top: 0.2rem;
 }
 
 .affix-badge-value {
@@ -566,7 +575,7 @@ textarea {
 .critical-table {
     width: 100%;
     border-collapse: collapse;
-    font-size: 0.8rem;
+    font-size: 1.5rem;
 }
 
 .critical-table th,
@@ -618,17 +627,13 @@ textarea {
 .critical-table .roll-band-header {
     width: 96px;
     background: rgba(255, 247, 230, 0.52);
-    font-size: 1rem;
+    font-size: 1.5rem;
     text-align: center;
     vertical-align: middle;
 }
 
 .critical-table thead th {
-    font-size: 0.9rem;
-}
-
-.critical-table thead .roll-band-header {
-    font-size: 0.8rem;
+    font-size: 2rem;
 }
 
 .critical-table-cell.is-editable:hover .critical-cell-description,