diff --git a/src/app/carnet/travel-plan/travel-plan.component.scss b/src/app/carnet/travel-plan/travel-plan.component.scss index bdd467b..dd3a1c3 100644 --- a/src/app/carnet/travel-plan/travel-plan.component.scss +++ b/src/app/carnet/travel-plan/travel-plan.component.scss @@ -28,6 +28,9 @@ display: flex; gap: 24px; margin-bottom: 12px; + border: 1px solid; + border-radius: 4px; + padding: 20px; @media (max-width: 768px) { flex-direction: column; diff --git a/src/app/common/footer/footer.component.scss b/src/app/common/footer/footer.component.scss index 78f7009..38f9fe1 100644 --- a/src/app/common/footer/footer.component.scss +++ b/src/app/common/footer/footer.component.scss @@ -19,6 +19,7 @@ flex-direction: column; align-items: center; gap: 8px; + background-color: var(--mat-sys-primary); } .footer-links { diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html index 168fbde..497b4a1 100644 --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -90,7 +90,7 @@ Carnet Value - {{ item.carnetValue }} + {{ item.carnetValue | currency}} diff --git a/src/styles.scss b/src/styles.scss index 2b095a3..4291f69 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -99,4 +99,16 @@ body { opacity: 0; } } + + /* Table */ + @include mat.table-overrides((header-headline-color:var(--mat-sys-on-primary), + )); + + .mat-mdc-table .mat-mdc-header-cell { + background: var(--mat-sys-primary); + } + + /* Sort */ + @include mat.sort-overrides((arrow-color: var(--mat-sys-on-primary), + )); } \ No newline at end of file