PC sheet review + dialog rolls update

styles/character.less

@@ -9,7 +9,7 @@
 }
 
 .character-main {
-  background-color: var(--color-light-1);
+  /*background-color: var(--color-light-1);*/
   display: flex;
 
   .character-pc {
@@ -70,17 +70,24 @@
           align-items: center;
           margin-bottom: 4px;
         }
+        .splitted  {
+          display: flex;
+          flex-direction: row;
+          gap: 4px;
+        }
         label {
-          max-width: 4rem;
+          max-width: 5rem;
+          min-width: 5rem;
         }
         input {
-          min-width: 16rem;
-          max-width: 16rem;
+          text-align: left;
+          min-width: 9rem;
+          max-width: 9rem;
           margin-bottom: auto;
         }
         .trait {
-          min-width: 13rem;
-          max-width: 13rem;
+          min-width: 7rem;
+          max-width: 7rem;
           margin-right: 1rem;
           margin-bottom: auto;
         }
@@ -108,7 +115,7 @@
   }
 
   .character-stats {
-    background-color: var(--color-light-1);
+    /*background-color: var(--color-light-1);*/
     display: flex;
     flex-direction: column;
     gap: 5px;
@@ -148,7 +155,7 @@
 }
 
 .tab.character-status .main-div {
-  background-color: var(--color-light-1);
+  /*background-color: var(--color-light-1);*/
   display: grid;
   grid-template-columns: 1fr;
   legend {
@@ -176,6 +183,14 @@
     align-items: center;
     gap: 4px;
     margin-left: 4px;
+    .characteristics-label{
+      color: grey;
+      font-size:small;
+    }
+    label {
+      min-width: 4rem;
+      max-width: 4rem;
+    }
     input {
       min-width: 2.5rem;
       max-width: 2.5rem;
@@ -250,7 +265,7 @@
 }
 
 .tab.character-maleficas .main-div {
-  background-color: var(--color-light-1);
+  /*background-color: var(--color-light-1);*/
   display: grid;
   grid-template-columns: 1fr;
   legend {
@@ -340,7 +355,7 @@
 }
 
 .tab.character-equipment .main-div {
-  background-color: var(--color-light-1);
+  /*background-color: var(--color-light-1);*/
   display: grid;
   grid-template-columns: 1fr;
   legend {
@@ -353,6 +368,14 @@
   .limboes {
     display: flex;
     flex-direction: row;
+    .limboes-layout {
+      display: flex;
+      flex-direction: column;
+    }
+    .limboes-line {
+      display: flex;
+      flex-direction: row;
+    }
     .form-group {
       display: flex;
       flex-direction: row;
@@ -363,8 +386,9 @@
       max-width: 14rem;
     }
     input {
-      min-width: 8rem;
-      max-width: 8rem;
+      text-align: left;
+      min-width: 6rem;
+      max-width: 6rem;
     }
   }
 
@@ -492,7 +516,7 @@
 }
 
 .tab.character-biography .main-div {
-  background-color: var(--color-light-1);
+  /*background-color: var(--color-light-1);*/
   display: grid;
   grid-template-columns: 1fr;
   legend {
@@ -565,11 +589,8 @@
       min-width: 14rem;
       max-width: 14rem;
     }
-    input .tarot {
-      min-width: 8rem;
-      max-width: 8rem;
-    }
     input {
+      text-align: left;
       min-width: 8rem;
       max-width: 8rem;
     }