feat: add class table-small-width

Author: wurstbrot

src/app/component/matrix/matrix.component.css

@@ -11,8 +11,6 @@
     margin: 20px;
 }
 
-
-
 .mat-cell{
     padding: 20px;
     width: 12.5%;
@@ -28,7 +26,7 @@
     font-size: 16px;  
     font-weight: bold;
 }
-.cdk-column-SubDimension,.cdk-column-Dimension{
+.table-small-width{
     width: 5%;
     max-width: 9%;
 }

src/app/component/matrix/matrix.component.html

@@ -35,8 +35,8 @@
     class="mat-elevation-z8 matrix-table">
     <!-- Dimension Column -->
     <ng-container matColumnDef="Dimension">
-      <th mat-header-cell *matHeaderCellDef>Dimension</th>
-      <td mat-cell *matCellDef="let element">
+      <th mat-header-cell *matHeaderCellDef class="table-small-width">Dimension</th>
+      <td mat-cell *matCellDef="let element" class="table-small-width">
         <img
           src="assets/images/{{ element.Dimension }}.png"
           height="40px"
@@ -47,8 +47,8 @@
 
     <!-- Sub Dimension Column -->
     <ng-container matColumnDef="SubDimension">
-      <th mat-header-cell *matHeaderCellDef>Sub-Dimension</th>
-      <td mat-cell *matCellDef="let element">{{ element.SubDimension }}</td>
+      <th mat-header-cell *matHeaderCellDef class="table-small-width">Sub-Dimension</th>
+      <td mat-cell *matCellDef="let element" class="table-small-width">{{ element.SubDimension }}</td>
     </ng-container>
 
     <div *ngFor="let lvl of lvlColumn; index as i">