Importers ready

styles/creature.less

@@ -19,6 +19,7 @@
 
     .creature-left {
       min-width: 180px;
+      max-width: 180px;
       display: flex;
       flex-direction: column;
 
@@ -37,11 +38,15 @@
       .creature-hp {
         gap: 2px;
         align-items: center;
-        input {
-          flex: none;
-          width: 2.5rem;
-          margin-left: 2px;
+        label {
+          font-weight: bold;
           margin-right: 4px;
+          min-width: 4rem;
+          max-width: 4rem;
+        }
+        input {
+          max-width: 3rem;
+          min-width: 3rem;
         }
         .hp-separator {
           font-size: calc(var(--font-size-standard) * 1.2);
@@ -81,6 +86,7 @@
         }
         select {
           max-width: 10rem;
+          min-width: 10rem;
         }
         input {
           max-width: 6rem;
@@ -94,7 +100,7 @@
           cursor: pointer;
         }
         .rollable {
-        }  
+        }
       }
 
       .creature-name {
@@ -231,7 +237,7 @@
   }
 }
 
-.tab.creature-skills {
+.tab.creature-skills .main-div {
   background-color: var(--color-light-1);
   display: grid;
   grid-template-columns: 1fr;
@@ -279,7 +285,7 @@
   }
 }
 
-.tab.creature-status {
+.tab.creature-status .main-div {
   background-color: var(--color-light-1);
   display: grid;
   grid-template-columns: 1fr;
@@ -411,7 +417,7 @@
   }
 }
 
-.tab.creature-traits {
+.tab.creature-traits .main-div {
   background-color: var(--color-light-1);
   display: grid;
   grid-template-columns: 1fr;
@@ -529,10 +535,9 @@
       }
     }
   }
-
 }
 
-.tab.creature-equipment {
+.tab.creature-equipment .main-div {
   background-color: var(--color-light-1);
   display: grid;
   grid-template-columns: 1fr;
@@ -591,7 +596,6 @@
     }
   }
 
-  
   .weapons {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
@@ -627,7 +631,7 @@
       }
     }
   }
-  
+
   .armors {
     display: grid;
     grid-template-columns: repeat(2, 1fr);