fix: Display exact amount test 1 fixes

fylein · Dec 20, 2024 · fe38de0 · fe38de0
1 parent 7d1f699
commit fe38de0
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 14 deletions.
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
@@ -39,7 +39,7 @@
               {{ task.subheader }}
             </ion-col>
           </ion-row>
-          <ion-row class="ion-justify-contant-start task--cta-row">
+          <ion-row class="ion-justify-content-start task--cta-row">
             <ion-col *ngFor="let cta of task.ctas" class="task--cta">
               {{ cta.content }}
             </ion-col>

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
@@ -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
@@ -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
@@ -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
@@ -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 {