Various items fixes and enhancements

styles/character.less

@@ -7,17 +7,17 @@
 .character-main {
   display: flex;
   
-  .character-personnage {
+  .character-pc {
     display: flex;
     gap: 10px;
     flex: 1;
 
-    .character-gauche {
+    .character-left {
       min-width: 180px;
       display: flex;
       flex-direction: column;
 
-      .character-gauche-image {
+      .character-left-image {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -29,13 +29,7 @@
         }
       }
 
-      .character-dv,
-      .character-dmax {
-        .form-fields {
-          flex: none;
-        }
-      }
-      .character-dmax-edit {
+      .character-hp-edit {
         input {
           display: flex;
           width: 60px;
@@ -48,7 +42,7 @@
       }
     }
 
-    .character-droite {
+    .character-right {
       display: flex;
       flex-direction: column;
       gap: 5px;
@@ -68,30 +62,11 @@
         label {
           min-width: 120px;
         }
-
-        .character-voie-majeure,
-        .character-voie-mineure {
-          display: flex;
-          input {
-            width: 280px;
-          }
-          .controls {
-            padding-left: 5px;
-          }
-        }
-
-        .character-commanditaire {
-          display: flex;
-          input {
-            width: 280px;
-          }
-        }
-
-        .character-pv {
+        .character-hp {
           display: flex;
           gap: 2px;
           align-items: center;
-          .character-pv-value {
+          .character-hp-value {
             .form-fields input {
               flex: none;
               width: 50px;
@@ -99,7 +74,7 @@
               font-size: calc(var(--font-size-standard) * 1.4);
             }
           }
-          .character-pv-max {
+          .character-hp-max {
             clear: both;
             display: flex;
             flex-direction: row;
@@ -112,7 +87,7 @@
               font-size: calc(var(--font-size-standard) * 1.4);
             }
           }
-          .pv-separator {
+          .hp-separator {
             font-size: calc(var(--font-size-standard) * 1.2);
             display: flex;
             align-items: center;
@@ -123,21 +98,21 @@
     }
   }
 
-  .character-personnage-play {
+  .character-pc-play {
     min-width: 500px;
   }
 
-  .character-personnage-edit {
+  .character-pc-edit {
     min-width: 650px;
   }
 
-  .character-caracteristiques {
+  .character-characteristics {
     display: flex;
     flex-direction: column;
     gap: 5px;
     flex: 1;
 
-    .character-caracteristique {
+    .character-characteristic {
       display: flex;
       align-items: center;
       .rollable:hover,
@@ -182,21 +157,21 @@
     }
   }
 
-  .character-caracteristiques-play {
+  .character-characteristics-play {
     min-width: 225px;
   }
 
-  .character-caracteristiques-edit {
+  .character-characteristic-edit {
     min-width: 400px;
   }
 
-  .character-ressources {
+  .character-resources {
     display: flex;
     flex-direction: column;
     gap: 5px;
     flex: 1;
 
-    .character-ressource {
+    .character-resource {
       display: flex;
       align-items: center;
       .rollable:hover,
@@ -213,7 +188,7 @@
           width: 70px;
         }
       }
-      .character-ressource-edit {
+      .character-resource-edit {
         display: flex;
         align-items: center;
         gap: 10px;
@@ -239,11 +214,11 @@
     }
   }
 
-  .character-ressources-play {
+  .character-resources-play {
     min-width: 235px;
   }
 
-  .character-ressources-edit {
+  .character-resources-edit {
     min-width: 400px;
   }
 }
@@ -257,7 +232,7 @@
   }
 }
 
-.tab.character-items {
+.tab.character-skills {
   display: grid;
   grid-template-columns: 1fr;
   legend {
@@ -266,11 +241,11 @@
       padding-left: 5px;
     }
   }
-  .talents {
+  .skills {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     gap: 10px;
-    .talent {
+    .skill {
       display: flex;
       align-items: center;
       gap: 10px;
@@ -280,6 +255,45 @@
       }
     }
   }
+  .gifts {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 10px;
+    .gift {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      .item-img {
+        width: 50px;
+        height: 50px;
+      }
+    }
+  }
+  .vulnerabilities {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 10px;
+    .vulnerability {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      .item-img {
+        width: 50px;
+        height: 50px;
+      }
+    }
+  }
+}
+.tab.character-weapons {
+    display: grid;
+    grid-template-columns: 1fr;
+    legend {
+      a {
+        font-size: calc(var(--font-size-standard) * 1.4);
+        padding-left: 5px;
+      }
+    }
+  
   .weapons {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
@@ -310,6 +324,18 @@
       }
     }
   }
+}
+
+.tab.character-spells {
+  display: grid;
+  grid-template-columns: 1fr;
+  legend {
+    a {
+      font-size: calc(var(--font-size-standard) * 1.4);
+      padding-left: 5px;
+    }
+  }
+
   .spells {
     display: grid;
     grid-template-columns: repeat(3, 1fr);