Fix #24 : Add SAN rolls

styles/protagonist.less

@@ -67,20 +67,59 @@
         }
       }
       .san {
+        align-content: flex-start;
         input {
           min-width: 2.2rem;
+          max-width: 2.2rem;
+          margin-bottom: 4px;
         }
+        select {
+          min-width: 6rem;
+          max-width: 6rem;
+        }
+        .rollable:hover,
+        .rollable:focus {
+          text-shadow: 0 0 8px var(--color-shadow-primary);
+          cursor: pointer;
+          font-size: 0.9rem;
+        }  
         .san-checkbox {
           min-width: 1rem;
           max-width: 1rem;
         }
-        .label-field {
-          flex-grow: 0;
+        .label-short-field {
+          font-size: 0.9rem;
+          max-width: 3rem;
+          min-width: 3rem;
+          flex-grow: 1;
+        }
+        .label-recovery {
           margin-left: 4px;
         }
+        .label-field {
+          font-size: 0.9rem;
+          max-width: 6rem;
+          min-width: 6rem;
+          flex-grow: 1;
+        }
+        .label-bp {
+          flex-grow: 1;
+          max-width: 3rem;
+          min-width: 3rem;
+          margin-left: 4px;
+        }
+        .label-insanity {
+          flex-grow: 1;
+          margin-left: 4px;
+          max-width: 8rem;
+          min-width: 8rem;
+        }
         .spacing {
           margin-left: 4px;
         }
+        .d100 {
+          flex: 0;
+        }
       }
       .willpower {
         input {
@@ -205,6 +244,15 @@
     margin-left: 8px;
   }
   
+  .adapted {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 8px;
+    label {
+      min-width: 20rem;
+    }
+  }
+
   .features,
   .biodata {
     display: grid;