Various changes

styles/enemy.less

@@ -70,7 +70,7 @@
           align-items: center;
           margin-bottom: 4px;
         }
-        .splitted  {
+        .splitted {
           display: flex;
           flex-direction: row;
           gap: 4px;
@@ -165,7 +165,7 @@
     }
   }
   .enemy-column {
-    display:flex;
+    display: flex;
     flex-direction: row;
     gap: 4px;
     fieldset {
@@ -191,9 +191,9 @@
     align-items: center;
     gap: 4px;
     margin-left: 4px;
-    .characteristics-label{
+    .characteristics-label {
       color: grey;
-      font-size:small;
+      font-size: small;
       label {
         min-width: 3.5rem;
         max-width: 3.5rem;
@@ -207,7 +207,7 @@
       min-width: 4rem;
       max-width: 4rem;
     }
-    .spaced-left{
+    .spaced-left {
       margin-left: 0.8rem;
     }
     input {
@@ -247,7 +247,7 @@
       }
     }
   }
-    .equipments {
+  .equipments {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 4px;
@@ -279,6 +279,29 @@
     }
   }
 
+  .ailments {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 4px;
+    .ailment {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      margin-left: 4px;
+      min-width: 8rem;
+      max-width: 8rem;
+      label {
+        min-width: 5rem;
+        max-width: 5rem;
+      }
+      .item-img {
+        width: 24px;
+        height: 24px;
+        margin: 4px 0 0 0;
+      }
+    }
+  }
+
   .maleficas {
     display: grid;
     grid-template-columns: repeat(1, 1fr);
@@ -374,7 +397,6 @@
       }
     }
   }
-
 }
 
 .tab.enemy-biography .main-div {