Various fixes and renamingé

styles/character.less

@@ -4,7 +4,6 @@
   overflow: scroll;
 }
 
-
 .character-main {
   display: flex;
 
@@ -46,7 +45,7 @@
           min-width: 2.2rem;
           max-width: 2.2rem;
           margin-left: 4px;
-          font-size: calc(var(--font-size-standard) * 1.0);
+          font-size: calc(var(--font-size-standard) * 1);
         }
         .character-hp-max {
           clear: both;
@@ -58,7 +57,7 @@
           input {
             width: 3.2rem;
             text-align: center;
-            font-size: calc(var(--font-size-standard) * 1.0);
+            font-size: calc(var(--font-size-standard) * 1);
           }
         }
       }
@@ -223,7 +222,7 @@
   }
 }
 
-.tab.character-biography .main-div{
+.tab.character-biography .main-div {
   .biodata {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
@@ -253,7 +252,7 @@
   }
 }
 
-.tab.character-skills .main-div{
+.tab.character-skills .main-div {
   display: grid;
   grid-template-columns: 1fr;
   legend {
@@ -474,7 +473,7 @@
       min-width: 12rem;
     }
     .item-detail {
-      min-width:2rem;
+      min-width: 2rem;
     }
   }
   .shields {
@@ -493,13 +492,12 @@
       }
     }
     .item-detail {
-      min-width:2.5rem;
+      min-width: 2.5rem;
     }
     .name {
       min-width: 12rem;
     }
   }
-
 }
 
 .tab.character-spells .main-div {
@@ -535,7 +533,6 @@
     }
   }
 
-
   .spells {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
@@ -546,7 +543,8 @@
       align-items: center;
       gap: 4px;
       .item-img {
-        width: 24px;
+        min-width: 24px;
+        max-width: 24px;
         height: 24px;
       }
       .name {