teams: smoother finance notes formatting (fixes #9113) (#9121)

Co-authored-by: mutugiii <[email protected]>
Co-authored-by: dogi <[email protected]>

Author: 3 people

package.json

@@ -1,7 +1,7 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.20.32",
+  "version": "0.20.33",
   "myplanet": {
     "latest": "v0.32.97",
     "min": "v0.31.97"

src/app/teams/teams-view-finances.component.html

@@ -25,11 +25,11 @@
 <mat-table [dataSource]="table" *ngIf="!emptyTable; else emptyMessage">
   <ng-container matColumnDef="date">
     <mat-header-cell *matHeaderCellDef class="narrow-column" i18n>Date</mat-header-cell>
-    <mat-cell *matCellDef="let element" class="narrow-column">{{ element.date === 'Total' ? element.date : (element.date | date) }}</mat-cell>
+    <mat-cell *matCellDef="let element" class="narrow-column narrow-column-date">{{ element.date === 'Total' ? element.date : (element.date | date) }}</mat-cell>
   </ng-container>
   <ng-container matColumnDef="description">
     <mat-header-cell *matHeaderCellDef i18n>Note</mat-header-cell>
-    <mat-cell *matCellDef="let element">{{ element.description }}</mat-cell>
+    <mat-cell *matCellDef="let element"><i>{{ element.description }}</i></mat-cell>
   </ng-container>
   <ng-container matColumnDef="credit">
     <mat-header-cell *matHeaderCellDef class="narrow-column" i18n>Credits</mat-header-cell>

src/app/teams/teams-view-finances.scss

@@ -2,6 +2,10 @@
   max-width: 100px;
 }
 
+.narrow-column-date {
+  font-size: 0.8em;
+}
+
 .action-buttons {
   display: flex;
   flex-direction: column;