diff --git a/src/app/fyle/dashboard/tasks/tasks-card/tasks-card.component.html b/src/app/fyle/dashboard/tasks/tasks-card/tasks-card.component.html index 1f0f5b74d7..4eab786c86 100644 --- a/src/app/fyle/dashboard/tasks/tasks-card/tasks-card.component.html +++ b/src/app/fyle/dashboard/tasks/tasks-card/tasks-card.component.html @@ -39,7 +39,7 @@ {{ task.subheader }} - + {{ cta.content }} diff --git a/src/app/fyle/dashboard/tasks/tasks-card/tasks-card.component.scss b/src/app/fyle/dashboard/tasks/tasks-card/tasks-card.component.scss index 54ba916118..5555689ab2 100644 --- a/src/app/fyle/dashboard/tasks/tasks-card/tasks-card.component.scss +++ b/src/app/fyle/dashboard/tasks/tasks-card/tasks-card.component.scss @@ -87,6 +87,9 @@ line-height: 28px; padding: 0; color: $dark-blue; + display: flex; + align-items: center; + gap: 2px; } &--header { diff --git a/src/app/fyle/personal-cards-matched-expenses/personal-cards-matched-expenses.page.scss b/src/app/fyle/personal-cards-matched-expenses/personal-cards-matched-expenses.page.scss index 467c320565..a261cc407c 100644 --- a/src/app/fyle/personal-cards-matched-expenses/personal-cards-matched-expenses.page.scss +++ b/src/app/fyle/personal-cards-matched-expenses/personal-cards-matched-expenses.page.scss @@ -59,7 +59,7 @@ &--title { font-size: 14px; padding: 16px 50px 8px 16px; - font-weight: 400; + font-weight: 500; color: $black-light; } diff --git a/src/app/shared/components/expenses-card-v2/expenses-card.component.scss b/src/app/shared/components/expenses-card-v2/expenses-card.component.scss index ee3ae5eb83..2daf7ce055 100644 --- a/src/app/shared/components/expenses-card-v2/expenses-card.component.scss +++ b/src/app/shared/components/expenses-card-v2/expenses-card.component.scss @@ -4,7 +4,7 @@ &--date { color: $black-light; font-size: 14px; - padding: 12px 0 12px 12px; + padding: 24px 0 16px 12px; background-color: $white; font-weight: 500; @@ -17,10 +17,7 @@ background-color: $pure-white; min-height: 106px; padding: 12px; - - &__with-border { - padding-top: 0; - } + margin-bottom: 6px; } &--deatils-block { @@ -47,11 +44,6 @@ height: 20px; } - &--divider { - border-bottom: 1px solid $grey-lighter; - margin-bottom: 16px; - } - &--edit-icon { stroke: $brand-primary; font-size: 16px; @@ -193,7 +185,7 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - max-width: 80%; + max-width: 70%; padding-right: 4px; } @@ -272,6 +264,11 @@ flex-wrap: wrap; } + &--currency-amount-container { + display: flex; + gap: 2px; + } + &--currency { color: $black; font-weight: 500; @@ -284,8 +281,12 @@ color: $black; font-size: 16px; line-height: 1.3; - margin-right: 6px; + margin-right: 2px; font-weight: 500; + overflow: hidden; + text-overflow: ellipsis; + width: 100%; + white-space: nowrap; } &--icon { diff --git a/src/app/shared/components/summary-tile/summary-tile.component.scss b/src/app/shared/components/summary-tile/summary-tile.component.scss index 981d0934f4..ff7057fba4 100644 --- a/src/app/shared/components/summary-tile/summary-tile.component.scss +++ b/src/app/shared/components/summary-tile/summary-tile.component.scss @@ -27,6 +27,9 @@ $advance_paid_color: darken(#5cb85c, 15%); color: $black; font-size: 14px; font-weight: 500; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } &__merchant {