Init/progression dice

styles/monster.less

@@ -7,54 +7,53 @@
 .monster-main {
   display: flex;
 
+  .monster-left-image {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding-bottom: 4px;
+    .monster-img {
+      height: 140px;
+      width: 140px;
+      width: auto;
+      border: none;
+    }
+  }
+  
   .monster-pc {
     display: flex;
     gap: 10px;
     flex: 1;
+    
 
-    .monster-left {
-      min-width: 220px;
-      max-width: 220px;
+    .monster-hp {
       display: flex;
-      flex-direction: column;
-
-      .monster-left-image {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding-bottom: 8px;
-        .monster-img {
-          height: 140px;
-          width: 140px;
-          width: auto;
-          border: none;
-        }
+      gap: 4px;
+      align-items: center;
+      margin-bottom: 4px;
+      .name {
+        flex: none;
+        min-width: 2.5rem;
+        max-width: 2.5rem;
       }
-      .monster-hp {
+      input {
+        flex: none;
+        min-width: 2.2rem;
+        max-width: 2.2rem;
+        margin-left: 4px;
+        font-size: calc(var(--font-size-standard) * 1.0);
+      }
+      .character-hp-max {
+        clear: both;
         display: flex;
-        gap: 2px;
+        flex-direction: row;
+        flex-wrap: wrap;
+        margin: 4px 0;
         align-items: center;
-        .monster-hp-value {
-          .form-fields input {
-            flex: none;
-            min-width: 3rem;
-            max-width: 3rem;
-            margin-left: 10px;
-            font-size: calc(var(--font-size-standard) * 1.4);
-          }
-        }
-        .monster-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);
-          }
+        input {
+          width: 3.2rem;
+          text-align: center;
+          font-size: calc(var(--font-size-standard) * 1.0);
         }
       }
     }
@@ -105,6 +104,7 @@
       }
     }
   }
+
   .monster-resists {
     display: flex;
     flex-direction: column;
@@ -134,7 +134,7 @@
         padding-left: 4px;
         .form-fields {
           flex: none;
-          width: 50px;
+          width: 2.5rem;
         }
       }
     }
@@ -210,11 +210,11 @@
   }
 
   .monster-characteristics-play {
-    min-width: 225px;
+    min-width: 200px;
   }
 
   .monster-characteristic-edit {
-    min-width: 400px;
+    min-width: 200px;
   }
 }
 
@@ -384,12 +384,16 @@
       display: flex;
       align-items: center;
       gap: 4px;
+      .name {
+        min-width: 8rem;
+        max-width: 8rem;
+      }
       .damage-dice {
         width: 4rem;
         max-width: 3.5rem;
       }
       .numeric {
-        width: 2.5rem;
+        width: 2.2rem;
       }
       .attack-icons a {
         margin-left: 4px;
@@ -454,38 +458,3 @@
   }
 }
 
-.tab.monster-miracles {
-  display: grid;
-  grid-template-columns: 1fr;
-  legend {
-    a {
-      font-size: calc(var(--font-size-standard) * 1.4);
-      padding-left: 4px;
-    }
-  }
-
-  .miracles {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 4px;
-    .miracle {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      .item-img {
-        width: 24px;
-        height: 24px;
-      }
-      .name {
-        min-width: 12rem;
-      }
-    }
-  }
-
-  prose-mirror.inactive {
-    min-height: 40px;
-  }
-  prose-mirror.active {
-    min-height: 150px;
-  }
-}