updated hit dice component and removed unnecessary styles

src/app/journal/journal-stats/ability-panel/proficiencies-table/proficiencies-table.component.html

@@ -42,7 +42,7 @@
         <mat-expansion-panel-header>
           <mat-panel-title> Sprachen und Werkzeuge </mat-panel-title>
         </mat-expansion-panel-header>
-        <h5>Sprachen</h5>
+        <h5 class="left">Sprachen</h5>
         <div
           cdkDropList
           class="item-list"
@@ -56,7 +56,7 @@
             {{ language }}
           </div>
         </div>
-        <h5>Werkzeuge</h5>
+        <h5 class="left">Werkzeuge</h5>
         <div
           cdkDropList
           class="item-list"

src/app/journal/journal-stats/info-row/movement/movement-details/movement-details.component.scss

@@ -1,27 +1,3 @@
-.distance-table {
-    margin-top: 0.5rem;
-}
-
-.details-content {
-    margin-top: 0;
-}
-
-td {
-    margin-left: 1rem;
-}
-
-// .details-value-container {
-//     display: flex;
-//     flex-direction: row;
-//     justify-content: space-around;
-//     align-items: center;
-//     // margin-bottom: 1.5rem;
-//     margin-top: 0.5rem;
-// }
-h4 {
-    margin-top: 1rem;
-}
-
 mat-expansion-panel {
     border: var(--border) !important;
     border-radius: 10px !important;
@@ -34,5 +10,9 @@ mat-expansion-panel {
     }
     table {
         border: var(--border);
+
+        td {
+            margin-left: 1rem;
+        }
     }
 }

src/app/journal/journal-stats/life-container/hit-dice/hit-dice.component.html

@@ -1,15 +1,15 @@
 <div class="heading-line">
-  <h4>Trefferwürfel</h4>
+  <div class="heading left t-0">Trefferwürfel</div>
   <icon-button
     [icon]="showEditButtons ? 'cross' : 'edit'"
     (click)="showEditButtons = !showEditButtons"
   ></icon-button>
 </div>
-<p>
+<div class="content">
   Trefferwürfel werden verwendet, um bei einer kurzen Rast Trefferpunkte
   wiederherzustellen. Du kannst eine beliebige Anzahl deiner verfügbaren
   Trefferwürfel verwenden. Sie werden bei einer langen rast wiederhergestellt.
-</p>
+</div>
 <p><b>Würfelart: </b> W{{ hitDice.diceType }}</p>
 
 <div class="hit-dice-container">

src/app/journal/journal-stats/life-container/hit-dice/hit-dice.component.ts

@@ -65,6 +65,9 @@ export class HitDiceComponent {
   }
 
   private emitHitDice(): void {
+    if (this.hitDice.diceUsed > this.hitDice.diceNumber) {
+      this.hitDice.diceUsed = this.hitDice.diceNumber;
+    }
     this.setHitDice.emit(this.hitDice);
   }
 }

src/app/journal/journal-stats/life-container/life/life-details/life-details.component.html

@@ -1,6 +1,6 @@
-<div class="details-title">Trefferpunkte</div>
+<div class="title">Trefferpunkte</div>
 
-<div class="life-container">
+<div class="value-row t-2 b-15">
   <value-box
     [isInput]="true"
     [(ngModel)]="maxHitPoints"
@@ -14,7 +14,7 @@
     (change)="checkValidity()"
   ></value-box>
   <value-box
-    [isInput]="false"
+    [isInput]="true"
     [(ngModel)]="temporaryHitPoints"
     [label]="'Temporäre Trefferpunkte'"
   ></value-box>