fixes the alignment of headers and rows in weapon and spell tables

src/app/journal/journal-stats/weapons-container/spell-table/favorite-spells-modal/favorite-spells-modal.component.scss

@@ -9,7 +9,7 @@
   flex: 0 0 3rem;
   padding: 10px 2rem;
   display: grid;
-  grid-template-columns: 6fr 18fr 11fr 8fr 20fr 16fr;
+  grid-template-columns: 6fr 18fr 13fr 5fr 20fr 16fr;
   text-align: center;
   font-weight: 700;
 }

src/app/journal/journal-stats/weapons-container/spell-table/spell-table.component.html

@@ -85,7 +85,7 @@
   <ng-template #costTemplate let-spell="spell">
     <div class="bold">
       <span *ngIf="spell.cost === 'action'">A</span>
-      <span *ngIf="spell.cost === 'bonus action'">B</span>
+      <span *ngIf="spell.cost === 'bonus'">B</span>
       <span *ngIf="spell.cost === 'reaction'">R</span>
     </div>
   </ng-template>

src/app/journal/journal-stats/weapons-container/spell-table/spell-table.component.scss

@@ -2,7 +2,7 @@
   flex: 0 0 3rem;
   padding: 10px 0.625rem;
   display: grid;
-  grid-template-columns: 4fr 17fr 9fr 8fr 19fr 16fr;
+  grid-template-columns: 1.75fr 6fr 3.75fr 2.25fr 5fr 3.25fr;
   text-align: center;
   font-weight: 700;
   box-shadow: var(--shadow-bottom);
@@ -22,7 +22,7 @@
   margin: 15px 10px;
   color: rgba(0, 0, 0, 0.87);
   display: grid;
-  grid-template-columns: 6fr 0.1fr 20fr 0.1fr 10fr 0.1fr 8fr 0.1fr 20fr 0.1fr 16fr;
+  grid-template-columns: 1.75fr 1px 6fr 1px 3.75fr 1px 2.25fr 1px 5fr 1px 3.25fr;
   align-items: center;
   justify-content: space-between;
   box-sizing: border-box;