Skip to content

Fix table styles #89

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
stdevman91 merged 2 commits into from
Aug 21, 2026
Merged

Fix table styles #89

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7ca64f3
Fix view styles
stdevman91 Aug 21, 2026
fb53ca8
Merge remote-tracking branch 'origin/master' into ft/filter
stdevman91 Aug 21, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 0 additions & 4 deletions ...onents/fraud-summary-list/components/fraud-summary-item/fraud-summary-item.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,5 @@
@import '../fraud-summary-grid';

.fb-list-item {
height: 48px !important;
}

.fraud-summary-grid {
@include fraud-summary-grid;
}
Expand Down
4 changes: 2 additions & 2 deletions ...ponents/group-references-list/components/reference-header/reference-header.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,6 @@
<div class="fb-body-2" fxFlex fxGrow="2">Group ID</div>
<div class="fb-body-2" fxFlex>Party ID</div>
<div class="fb-body-2" fxFlex>Shop ID</div>
<div class="fb-body-2" fxFlex="168px">Updated At</div>
<div fxFlex="40px"></div>
<div class="fb-body-2" fxFlex="0 0 160px">Updated At</div>
<div fxFlex="0 0 20px"></div>
</fb-list-header>
4 changes: 2 additions & 2 deletions .../components/group-references-list/components/reference-item/reference-item.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@
<div class="fb-body-2 wrap" fxFlex fxGrow="2">{{ reference.groupId }}</div>
<div class="fb-body-2 wrap" fxFlex>{{ reference.partyId }}</div>
<div class="fb-body-2 wrap" fxFlex>{{ reference.shopId }}</div>
<div class="fb-body-2 wrap" fxFlex="160px">{{ reference.lastUpdateDate | date : 'yyyy-MM-dd HH:mm:ss' }}</div>
<div class="fb-body-2 wrap" fxFlex="0 0 160px">{{ reference.lastUpdateDate | date : 'yyyy-MM-dd HH:mm:ss' }}</div>
<ng-container>
<button mat-icon-button [matMenuTriggerFor]="menu">
<button mat-icon-button fxFlex="0 0 20px" [matMenuTriggerFor]="menu">
<mat-icon>more_vert</mat-icon>
</button>
<mat-menu #menu="matMenu">
Expand Down
4 changes: 0 additions & 4 deletions .../components/group-references-list/components/reference-item/reference-item.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,3 @@
.fb-list-item {
height: 48px !important;
}

.wrap {
word-wrap: anywhere;
}
4 changes: 2 additions & 2 deletions ...ayments-groups/components/groups-list/components/group-header/group-header.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<fb-list-header>
<fb-list-header [reserveToggleSpace]="true">
<div class="fb-body-2" fxFlex>Name</div>
<div class="fb-body-2" fxFlex="168px">Updated At</div>
<div class="fb-body-2" fxFlex="0 0 160px">Updated At</div>
</fb-list-header>
4 changes: 2 additions & 2 deletions ...ts/payments-groups/components/groups-list/components/group-item/group-item.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<mat-expansion-panel>
<mat-expansion-panel-header>
<div fxLayout fxFlexFill [fxLayoutGap]="layoutGapM">
<div fxLayout fxFlexFill fxLayoutAlign="start center" [fxLayoutGap]="layoutGapM">
<div class="fb-body-2" fxFlex>{{ group.groupId }}</div>
<div class="fb-body-2" fxFlex="160px">
<div class="fb-body-2" fxFlex="0 0 160px">
{{ group.priorityTemplates[0].lastUpdateTime | date : 'yyyy-MM-dd HH:mm:ss' }}
</div>
</div>
Expand Down
14 changes: 7 additions & 7 deletions ...argeback-list/components/template-header/historical-data-chargeback-header.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
<fb-list-header>
<div class="fb-body-checkbox" fxFlex="30px" matTooltip="Select only shown rows!">
<fb-list-header [reserveToggleSpace]="true">
<div class="fb-body-checkbox" fxFlex="0 0 30px" matTooltip="Select only shown rows!">
<mat-checkbox color="primary" (change)="changeAll($event)"></mat-checkbox>
</div>
<div class="fb-body-2" fxFlex="120px">ID</div>
<div class="fb-body-2" fxFlex="120px">STATUS</div>
<div class="fb-body-2" fxFlex="0 0 120px">ID</div>
<div class="fb-body-2" fxFlex="0 0 120px">STATUS</div>
<div class="fb-body-2" fxFlex>PARTY ID</div>
<div class="fb-body-2" fxFlex>SHOP ID</div>
<div class="fb-body-2" fxFlex="120px">CATEGORY</div>
<div class="fb-body-2" fxFlex="120px">CODE</div>
<div class="fb-body-2" fxFlex="0 0 120px">CATEGORY</div>
<div class="fb-body-2" fxFlex="0 0 120px">CODE</div>
<div class="fb-body-2" fxFlex>EMAIL</div>
<div class="fb-body-2" fxFlex="168px">EVENT TIME</div>
<div class="fb-body-2" fxFlex="0 0 160px">EVENT TIME</div>
</fb-list-header>
14 changes: 7 additions & 7 deletions ...l-chargeback-list/components/template-item/historical-data-chargeback-item.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
<mat-expansion-panel>
<mat-expansion-panel-header #exppanel>
<div fxLayout fxFlexFill [fxLayoutGap]="layoutGapM">
<div class="fb-body-checkbox" fxFlex="30px" (click)="!exppanel._toggle()">
<div fxLayout fxFlexFill fxLayoutAlign="start center" [fxLayoutGap]="layoutGapM">
<div class="fb-body-checkbox" fxFlex="0 0 30px" (click)="!exppanel._toggle()">
<mat-checkbox color="primary" (change)="emmitChange()" [checked]="enabled"> </mat-checkbox>
</div>
<div class="fb-body-2" fxFlex="120px">{{ chargeback.id }}</div>
<div class="fb-body-2" fxFlex="120px">
<div class="fb-body-2" fxFlex="0 0 120px">{{ chargeback.id }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">
<fb-tag [color]="chargeback.status | chargebackStatusToColor" [title]="chargeback.status"></fb-tag>
</div>
<div class="fb-body-2" fxFlex>{{ chargeback.merchantInfo.partyId }}</div>
<div class="fb-body-2" fxFlex>{{ chargeback.merchantInfo.shopId }}</div>
<div class="fb-body-2" fxFlex="120px">{{ chargeback.category }}</div>
<div class="fb-body-2" fxFlex="120px">{{ chargeback.chargebackCode }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">{{ chargeback.category }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">{{ chargeback.chargebackCode }}</div>
<div class="fb-body-2" fxFlex>{{ chargeback.clientInfo.email }}</div>
<div class="fb-body-2" fxFlex="160px">{{ chargeback.eventTime | date : 'yyyy-MM-dd HH:mm:ss' }}</div>
<div class="fb-body-2" fxFlex="0 0 160px">{{ chargeback.eventTime | date : 'yyyy-MM-dd HH:mm:ss' }}</div>
</div>
</mat-expansion-panel-header>
<div class="panel-content" fxLayout="column" [fxLayoutGap]="layoutGapM">
Expand Down
2 changes: 1 addition & 1 deletion ...ections/historical-data/components/chargebacks/historical-chargebacks-data.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
<fb-show-more-continuation-panel
*ngIf="hasMore$ | async"
[isLoading]="inProgress$ | async"
(showMore)="fetchMore($event)"
(showMore)="fetchMore()"
></fb-show-more-continuation-panel>
</div>
<ng-template #Empty>
Expand Down
4 changes: 2 additions & 2 deletions .../sections/historical-data/components/chargebacks/historical-chargebacks-data.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,8 @@ export class HistoricalChargebacksDataComponent {
this.fetchHistoricalChargebacksService.search(this.initParams(event));
}

fetchMore(event) {
this.fetchHistoricalChargebacksService.fetchMore(this.initParams(event));
fetchMore() {
this.fetchHistoricalChargebacksService.fetchMore();
}

checkChargebacks($event) {
Expand Down
2 changes: 1 addition & 1 deletion ...s/historical-data/components/fraud-payments/historical-fraud-payments-data.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<fb-show-more-continuation-panel
*ngIf="hasMore$ | async"
[isLoading]="inProgress$ | async"
(showMore)="fetchMore($event)"
(showMore)="fetchMore()"
></fb-show-more-continuation-panel>
</div>
<ng-template #Empty>
Expand Down
4 changes: 2 additions & 2 deletions ...ons/historical-data/components/fraud-payments/historical-fraud-payments-data.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,8 @@ export class HistoricalFraudPaymentsDataComponent {
this.fetchHistoricalFraudPaymentsService.search(this.initParams(event));
}

fetchMore(event) {
this.fetchHistoricalFraudPaymentsService.fetchMore(this.initParams(event));
fetchMore() {
this.fetchHistoricalFraudPaymentsService.fetchMore();
}

loadFraudPayments() {
Expand Down
14 changes: 7 additions & 7 deletions ...ents-list/components/template-header/historical-data-fraud-payments-header.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<fb-list-header>
<div class="fb-body-2" fxFlex="120px">ID</div>
<div class="fb-body-2" fxFlex="120px">STATUS</div>
<fb-list-header [reserveToggleSpace]="true">
<div class="fb-body-2" fxFlex="0 0 120px">ID</div>
<div class="fb-body-2" fxFlex="0 0 120px">STATUS</div>
<div class="fb-body-2" fxFlex>PARTY ID</div>
<div class="fb-body-2" fxFlex>SHOP ID</div>
<div class="fb-body-2" fxFlex="120px">AMOUNT</div>
<div class="fb-body-2" fxFlex="120px">CURRENCY</div>
<div class="fb-body-2" fxFlex="0 0 120px">AMOUNT</div>
<div class="fb-body-2" fxFlex="0 0 120px">CURRENCY</div>
<div class="fb-body-2" fxFlex>EMAIL</div>
<div class="fb-body-2" fxFlex="120px">TYPE</div>
<div class="fb-body-2" fxFlex="168px">EVENT TIME</div>
<div class="fb-body-2" fxFlex="0 0 120px">TYPE</div>
<div class="fb-body-2" fxFlex="0 0 160px">EVENT TIME</div>
</fb-list-header>
14 changes: 7 additions & 7 deletions ...payments-list/components/template-item/historical-data-fraud-payments-item.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,20 +1,20 @@
<mat-expansion-panel>
<mat-expansion-panel-header>
<div fxLayout fxFlexFill [fxLayoutGap]="layoutGapM">
<div class="fb-body-2" fxFlex="120px">{{ fraudPayment.payment.id }}</div>
<div class="fb-body-2" fxFlex="120px">
<div fxLayout fxFlexFill fxLayoutAlign="start center" [fxLayoutGap]="layoutGapM">
<div class="fb-body-2" fxFlex="0 0 120px">{{ fraudPayment.payment.id }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">
<fb-tag
[color]="fraudPayment.payment.status | paymentStatusToColor"
[title]="fraudPayment.payment.status"
></fb-tag>
</div>
<div class="fb-body-2" fxFlex>{{ fraudPayment.payment.merchantInfo.partyId }}</div>
<div class="fb-body-2" fxFlex>{{ fraudPayment.payment.merchantInfo.shopId }}</div>
<div class="fb-body-2" fxFlex="120px">{{ fraudPayment.payment.amount }}</div>
<div class="fb-body-2" fxFlex="120px">{{ fraudPayment.payment.currency }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">{{ fraudPayment.payment.amount }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">{{ fraudPayment.payment.currency }}</div>
<div class="fb-body-2" fxFlex>{{ fraudPayment.payment.clientInfo.email }}</div>
<div class="fb-body-2" fxFlex="120px">{{ fraudPayment.type }}</div>
<div class="fb-body-2" fxFlex="160px">
<div class="fb-body-2" fxFlex="0 0 120px">{{ fraudPayment.type }}</div>
<div class="fb-body-2" fxFlex="0 0 160px">
{{ fraudPayment.payment.eventTime | date : 'yyyy-MM-dd HH:mm:ss' }}
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion ...historical-data/components/inspect-results/historical-inspect-results-data.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<fb-show-more-continuation-panel
*ngIf="hasMore$ | async"
[isLoading]="inProgress$ | async"
(showMore)="fetchMore($event)"
(showMore)="fetchMore()"
></fb-show-more-continuation-panel>
</div>
<ng-template #Empty>
Expand Down
4 changes: 2 additions & 2 deletions ...s/historical-data/components/inspect-results/historical-inspect-results-data.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,8 @@ export class HistoricalInspectResultsDataComponent {
this.fetchHistoricalInspectResultsService.search(this.initParams(event));
}

fetchMore(event) {
this.fetchHistoricalInspectResultsService.fetchMore(this.initParams(event));
fetchMore() {
this.fetchHistoricalInspectResultsService.fetchMore();
}

private initParams(event) {
Expand Down
8 changes: 4 additions & 4 deletions ...lts-list/components/template-header/historical-data-inspect-results-header.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<fb-list-header>
<div class="fb-body-2" fxFlex="120px">ID</div>
<div class="fb-body-2" fxFlex="120px">RESULT STATUS</div>
<fb-list-header [reserveToggleSpace]="true">
<div class="fb-body-2" fxFlex="0 0 120px">ID</div>
<div class="fb-body-2" fxFlex="0 0 120px">RESULT STATUS</div>
<div class="fb-body-2" fxFlex>PARTY ID</div>
<div class="fb-body-2" fxFlex>SHOP ID</div>
<div class="fb-body-2" fxFlex>EMAIL</div>
<div class="fb-body-2" fxFlex>TEMPLATE</div>
<div class="fb-body-2" fxFlex>RULE</div>
<div class="fb-body-2" fxFlex="168px">EVENT TIME</div>
<div class="fb-body-2" fxFlex="0 0 160px">EVENT TIME</div>
</fb-list-header>
8 changes: 4 additions & 4 deletions ...results-list/components/template-item/historical-data-inspect-results-item.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
<mat-expansion-panel>
<mat-expansion-panel-header>
<div fxLayout fxFlexFill [fxLayoutGap]="layoutGapM">
<div class="fb-body-2" fxFlex="120px">{{ inspectResult.payment.id }}</div>
<div class="fb-body-2" fxFlex="120px">
<div fxLayout fxFlexFill fxLayoutAlign="start center" [fxLayoutGap]="layoutGapM">
<div class="fb-body-2" fxFlex="0 0 120px">{{ inspectResult.payment.id }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">
<fb-tag
[color]="inspectResult.resultStatus | inspectResultToColor"
[title]="inspectResult.resultStatus"
Expand All @@ -20,7 +20,7 @@
<div *ngIf="inspectResult.checkedTemplate === 'RULE_NOT_CHECKED'">-</div>
</div>
<div class="fb-body-2" fxFlex>{{ inspectResult.ruleChecked }}</div>
<div class="fb-body-2" fxFlex="160px">
<div class="fb-body-2" fxFlex="0 0 160px">
{{ inspectResult.payment.eventTime | date : 'yyyy-MM-dd HH:mm:ss' }}
</div>
</div>
Expand Down
14 changes: 7 additions & 7 deletions ...cal-payment-list/components/template-header/historical-data-payment-header.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
<fb-list-header>
<div class="fb-body-checkbox" fxFlex="30px" matTooltip="Select only shown rows!">
<fb-list-header [reserveToggleSpace]="true">
<div class="fb-body-checkbox" fxFlex="0 0 30px" matTooltip="Select only shown rows!">
<mat-checkbox color="primary" (change)="changeAll($event)"></mat-checkbox>
</div>
<div class="fb-body-2" fxFlex="120px">ID</div>
<div class="fb-body-2" fxFlex="120px">STATUS</div>
<div class="fb-body-2" fxFlex="0 0 120px">ID</div>
<div class="fb-body-2" fxFlex="0 0 120px">STATUS</div>
<div class="fb-body-2" fxFlex>PARTY ID</div>
<div class="fb-body-2" fxFlex>SHOP ID</div>
<div class="fb-body-2" fxFlex="120px">AMOUNT</div>
<div class="fb-body-2" fxFlex="120px">CURRENCY</div>
<div class="fb-body-2" fxFlex="0 0 120px">AMOUNT</div>
<div class="fb-body-2" fxFlex="0 0 120px">CURRENCY</div>
<div class="fb-body-2" fxFlex>EMAIL</div>
<div class="fb-body-2" fxFlex="168px">EVENT TIME</div>
<div class="fb-body-2" fxFlex="0 0 160px">EVENT TIME</div>
</fb-list-header>
14 changes: 7 additions & 7 deletions ...torical-payment-list/components/template-item/historical-data-payment-item.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
<mat-expansion-panel>
<mat-expansion-panel-header #exppanel>
<div fxLayout fxFlexFill [fxLayoutGap]="layoutGapM">
<div class="fb-body-checkbox" fxFlex="30px" (click)="!exppanel._toggle()">
<div fxLayout fxFlexFill fxLayoutAlign="start center" [fxLayoutGap]="layoutGapM">
<div class="fb-body-checkbox" fxFlex="0 0 30px" (click)="!exppanel._toggle()">
<mat-checkbox color="primary" (change)="emmitChange()" [checked]="enabled"> </mat-checkbox>
</div>
<div class="fb-body-2" fxFlex="120px">{{ payment.id }}</div>
<div class="fb-body-2" fxFlex="120px">
<div class="fb-body-2" fxFlex="0 0 120px">{{ payment.id }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">
<fb-tag [color]="payment.status | paymentStatusToColor" [title]="payment.status"></fb-tag>
</div>
<div class="fb-body-2" fxFlex>{{ payment.merchantInfo.partyId }}</div>
<div class="fb-body-2" fxFlex>{{ payment.merchantInfo.shopId }}</div>
<div class="fb-body-2" fxFlex="120px">{{ payment.amount }}</div>
<div class="fb-body-2" fxFlex="120px">{{ payment.currency }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">{{ payment.amount }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">{{ payment.currency }}</div>
<div class="fb-body-2" fxFlex>{{ payment.clientInfo.email }}</div>
<div class="fb-body-2" fxFlex="160px">{{ payment.eventTime | date : 'yyyy-MM-dd HH:mm:ss' }}</div>
<div class="fb-body-2" fxFlex="0 0 160px">{{ payment.eventTime | date : 'yyyy-MM-dd HH:mm:ss' }}</div>
</div>
</mat-expansion-panel-header>
<div class="panel-content" fxLayout="column" [fxLayoutGap]="layoutGapM">
Expand Down
2 changes: 1 addition & 1 deletion src/app/sections/historical-data/components/payments/historical-payments-data.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
<fb-show-more-continuation-panel
*ngIf="hasMore$ | async"
[isLoading]="inProgress$ | async"
(showMore)="fetchMore($event)"
(showMore)="fetchMore()"
></fb-show-more-continuation-panel>
</div>
<ng-template #Empty>
Expand Down
4 changes: 2 additions & 2 deletions src/app/sections/historical-data/components/payments/historical-payments-data.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,8 @@ export class HistoricalPaymentsDataComponent {
this.fetchPaymentsService.search(this.initParams(event));
}

fetchMore(event) {
this.fetchPaymentsService.fetchMore(this.initParams(event));
fetchMore() {
this.fetchPaymentsService.fetchMore();
}

checkPayments($event) {
Expand Down
2 changes: 1 addition & 1 deletion src/app/sections/historical-data/components/refunds/historical-refunds-data.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<fb-show-more-continuation-panel
*ngIf="hasMore$ | async"
[isLoading]="inProgress$ | async"
(showMore)="fetchMore($event)"
(showMore)="fetchMore()"
></fb-show-more-continuation-panel>
</div>
<ng-template #Empty>
Expand Down
4 changes: 2 additions & 2 deletions src/app/sections/historical-data/components/refunds/historical-refunds-data.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,8 @@ export class HistoricalRefundsDataComponent {
this.fetchPaymentsSefetchHistoricalRefundsServicevice.search(this.initParams(event));
}

fetchMore(event) {
this.fetchPaymentsSefetchHistoricalRefundsServicevice.fetchMore(this.initParams(event));
fetchMore() {
this.fetchPaymentsSefetchHistoricalRefundsServicevice.fetchMore();
}

private initParams(event) {
Expand Down
12 changes: 6 additions & 6 deletions ...cal-refunds-list/components/template-header/historical-data-refunds-header.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<fb-list-header>
<div class="fb-body-2" fxFlex="120px">ID</div>
<div class="fb-body-2" fxFlex="120px">STATUS</div>
<fb-list-header [reserveToggleSpace]="true">
<div class="fb-body-2" fxFlex="0 0 120px">ID</div>
<div class="fb-body-2" fxFlex="0 0 120px">STATUS</div>
<div class="fb-body-2" fxFlex>PARTY ID</div>
<div class="fb-body-2" fxFlex>SHOP ID</div>
<div class="fb-body-2" fxFlex="120px">AMOUNT</div>
<div class="fb-body-2" fxFlex="120px">CURRENCY</div>
<div class="fb-body-2" fxFlex="0 0 120px">AMOUNT</div>
<div class="fb-body-2" fxFlex="0 0 120px">CURRENCY</div>
<div class="fb-body-2" fxFlex>EMAIL</div>
<div class="fb-body-2" fxFlex="168px">EVENT TIME</div>
<div class="fb-body-2" fxFlex="0 0 160px">EVENT TIME</div>
</fb-list-header>
12 changes: 6 additions & 6 deletions ...torical-refunds-list/components/template-item/historical-data-refunds-item.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,16 @@
<mat-expansion-panel>
<mat-expansion-panel-header>
<div fxLayout fxFlexFill [fxLayoutGap]="layoutGapM">
<div class="fb-body-2" fxFlex="120px">{{ refund.id }}</div>
<div class="fb-body-2" fxFlex="120px">
<div fxLayout fxFlexFill fxLayoutAlign="start center" [fxLayoutGap]="layoutGapM">
<div class="fb-body-2" fxFlex="0 0 120px">{{ refund.id }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">
<fb-tag [color]="refund.status | refundStatusToColor" [title]="refund.status"></fb-tag>
</div>
<div class="fb-body-2" fxFlex>{{ refund.merchantInfo.partyId }}</div>
<div class="fb-body-2" fxFlex>{{ refund.merchantInfo.shopId }}</div>
<div class="fb-body-2" fxFlex="120px">{{ refund.amount }}</div>
<div class="fb-body-2" fxFlex="120px">{{ refund.currency }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">{{ refund.amount }}</div>
<div class="fb-body-2" fxFlex="0 0 120px">{{ refund.currency }}</div>
<div class="fb-body-2" fxFlex>{{ refund.clientInfo.email }}</div>
<div class="fb-body-2" fxFlex="160px">{{ refund.eventTime | date : 'yyyy-MM-dd HH:mm:ss' }}</div>
<div class="fb-body-2" fxFlex="0 0 160px">{{ refund.eventTime | date : 'yyyy-MM-dd HH:mm:ss' }}</div>
</div>
</mat-expansion-panel-header>
<div class="panel-content" fxLayout="column" [fxLayoutGap]="layoutGapM">
Expand Down
2 changes: 1 addition & 1 deletion ...components/candidates-batches-table-header/candidates-batches-table-header.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<fb-list-header>
<div class="fb-body-checkbox" fxFlex="30px" matTooltip="Select only shown rows!">
<div class="fb-body-checkbox" fxFlex="0 0 30px" matTooltip="Select only shown rows!">
<mat-checkbox color="primary" (change)="changeAll($event)"></mat-checkbox>
</div>
<div class="fb-body-2" fxFlex>List Type</div>
Expand Down
2 changes: 1 addition & 1 deletion ...ist/components/candidates-batches-table-item/candidates-batches-table-item.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<mat-card class="fb-list-item" fxLayout fxFlexFill fxLayoutAlign="center center" [fxLayoutGap]="layoutGapM">
<div fxLayout fxFlexFill [fxLayoutGap]="layoutGapM">
<div class="fb-body-checkbox" fxFlex="30px">
<div class="fb-body-checkbox" fxFlex="0 0 30px">
<mat-checkbox color="primary" (change)="emmitChange()" [checked]="enabled"> </mat-checkbox>
</div>
<div class="fb-body-2" fxFlex>{{ candidate.listType }}</div>
Expand Down
4 changes: 2 additions & 2 deletions ...es/components/candidates-list/components/candidate-header/candidate-header.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<fb-list-header>
<fb-list-header [reserveToggleSpace]="true">
<div class="fb-body-2" fxFlex>Source</div>
<div class="fb-body-2" fxFlex>Size</div>
<div class="fb-body-2" fxFlex>Fields</div>
<div class="fb-body-2" fxFlex="168px">Updated At</div>
<div class="fb-body-2" fxFlex="0 0 160px">Updated At</div>
</fb-list-header>
Loading
Loading