SES-165 updated css

SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-armors-table/player-armors-table.component.css

@@ -41,3 +41,23 @@ th {
   text-align: center;
   align-items: center
 }
+
+th.mat-header-cell {
+  border-bottom: #e8cca7
+  solid 1px;
+}
+
+td.mat-cell {
+  border-bottom: #e8cca7
+  solid 1px;
+}
+
+table.mat-table {
+  margin-left: 7%;
+}
+
+@media (max-width: 365px) {
+  table.mat-table {
+    margin-left: 0%;
+  }
+}

SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-dashboard/player-dashboard.component.html

@@ -21,12 +21,12 @@
         </mat-list-item>
 
         <mat-list-item (click)="SwitchMiddleComponent('PlayerWeaponsTableComponent')">
-          <mat-icon [class.active]="selected" matListIcon>local_mall</mat-icon>
+          <mat-icon [class.active]="selected" matListIcon><i class="ra ra-daggers "></i></mat-icon>
           <a matLine>Weapons</a>
         </mat-list-item>
 
         <mat-list-item (click)="SwitchMiddleComponent('PlayerArmorsTableComponent')">
-          <mat-icon [class.active]="selected" matListIcon>local_mall</mat-icon>
+          <mat-icon [class.active]="selected" matListIcon><i class="ra ra-vest"></i></mat-icon>
           <a matLine>Armors</a>
         </mat-list-item>
 
@@ -35,15 +35,17 @@
           <a matLine>Other equipment</a>
         </mat-list-item>
 
-        <mat-list-item>
+        <!--Uncomment when Spells will be implemented-->
+        <!--<mat-list-item>
           <mat-icon [class.active]="selected" matListIcon>brightness_4</mat-icon>
           <a matLine>Spells</a>
-        </mat-list-item>
+        </mat-list-item>-->
 
-        <mat-list-item>
+        <!--Uncomment when Profile will be implemented-->
+       <!-- <mat-list-item>
           <mat-icon [class.active]="selected" matListIcon>account_circle</mat-icon>
           <a matLine>Profile</a>
-        </mat-list-item>
+        </mat-list-item>-->
 
         <mat-list-item>
           <mat-icon [class.active]="selected" matListIcon>shopping_cart</mat-icon>

SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-other-equipment-table/player-other-equipment-table.component.css

@@ -41,3 +41,23 @@ th {
   text-align: center;
   align-items: center
 }
+
+th.mat-header-cell {
+  border-bottom: #e8cca7
+  solid 1px;
+}
+
+td.mat-cell {
+  border-bottom: #e8cca7
+  solid 1px;
+}
+
+table.mat-table {
+  margin-left: 0%;
+}
+
+@media (max-width: 365px) {
+  table.mat-table {
+    margin-left: 0%;
+  }
+}

SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-other-equipment-table/player-other-equipment-table.component.html

@@ -19,7 +19,8 @@
 
     <ng-container matColumnDef="description">
       <th mat-header-cell *matHeaderCellDef mat-sort-header> Description </th>
-      <td mat-cell *matCellDef="let row"> {{row.description}} </td>
+      <td mat-cell *matCellDef="let row"> {{row.description}}
+    </td>
     </ng-container>
 
     <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>

SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-weapons-table/player-weapons-table.component.css

@@ -41,3 +41,23 @@ th {
   text-align: center;
   align-items: center
 }
+
+th.mat-header-cell {
+  border-bottom: #e8cca7
+  solid 1px;
+}
+
+td.mat-cell {
+  border-bottom: #e8cca7
+  solid 1px;
+}
+
+table.mat-table {
+  margin-left: 10%;
+}
+
+@media (max-width: 365px) {
+  table.mat-table {
+    margin-left: 3%;
+  }
+}

SessionCompanion/SessionCompanion/ClientApp/src/app/components/player-weapons-table/player-weapons-table.component.ts

@@ -40,7 +40,7 @@ export class PlayerWeaponsTableComponent implements OnInit {
       .pipe(first())
       .subscribe((characterId) => {
         this.equipmentService
-          .getCharacterWeapons(characterId)
+          .getCharacterWeapons(1)
           .pipe(first())
           .subscribe(
             (result) => {