Fix #44 - Auto use damage bonus for melee/unarmed

styles/protagonist.less

@@ -34,6 +34,25 @@
         }
       }
 
+      .protagonist-hp {
+        gap: 2px;
+        align-items: center;
+        input {
+          flex: none;
+          width: 2rem;
+          margin-left: 4px;
+        }
+        .damage-bonus {
+          font-size: calc(var(--font-size-standard) * 0.8);
+        }
+        .hp-separator {
+          font-size: calc(var(--font-size-standard) * 1.2);
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+
       .protagonist-dv,
       .protagonist-dmax {
         .form-fields {
@@ -82,7 +101,7 @@
           text-shadow: 0 0 8px var(--color-shadow-primary);
           cursor: pointer;
           font-size: 0.9rem;
-        }  
+        }
         .button {
           min-width: 4rem;
           max-width: 4rem;
@@ -141,54 +160,14 @@
           min-width: 5rem;
           font-size: 0.9rem;
         }
-        .checkbox {       
+        .checkbox {
           flex-grow: 0;
           min-width: 1rem;
           max-width: 1rem;
         }
-
       }
-      .protagonist-infos {
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-
-        label {
-          min-width: 120px;
-        }
-
-        .protagonist-hp {
-          display: flex;
-          gap: 2px;
-          align-items: center;
-          .protagonist-hp-value {
-            .form-fields input {
-              flex: none;
-              width: 50px;
-              margin-left: 4px;
-              font-size: calc(var(--font-size-standard) * 1.4);
-            }
-          }
-          .protagonist-hp-max {
-            clear: both;
-            display: flex;
-            flex-direction: row;
-            flex-wrap: wrap;
-            margin: 3px 0;
-            align-items: center;
-            input {
-              width: 50px;
-              text-align: center;
-              font-size: calc(var(--font-size-standard) * 1.4);
-            }
-          }
-          .hp-separator {
-            font-size: calc(var(--font-size-standard) * 1.2);
-            display: flex;
-            align-items: center;
-            justify-content: center;
-          }
-        }
+      label {
+        min-width: 120px;
       }
     }
   }
@@ -259,7 +238,7 @@
   .field-label {
     margin-left: 8px;
   }
-  
+
   .adapted {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
@@ -268,7 +247,7 @@
       min-width: 20rem;
     }
   }
-  
+
   .resources {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
@@ -284,14 +263,14 @@
     grid-template-columns: repeat(2, 1fr);
     gap: 8px;
     label {
-      min-width: 3.0rem;
+      min-width: 3rem;
     }
     .feature {
-        display: flex;
-        align-items: center;
-        gap: 4px;
-        min-width: 18rem;
-        max-width: 18rem;  
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      min-width: 18rem;
+      max-width: 18rem;
     }
   }
 }
@@ -409,7 +388,7 @@
       }
     }
   }
-  
+
   .mentaldisorders {
     display: grid;
     grid-template-columns: repeat(2, 1fr);