feat: Expense card section (small screens) (#3323)

fylein · Dec 10, 2024 · 3bb9dbf · 3bb9dbf
1 parent cb5be41
commit 3bb9dbf
Showing 1 changed file with 3 additions and 4 deletions.
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
@@ -182,7 +182,6 @@
   }
 
   &--category-icon-container {
-    max-width: 170px;
     width: 100%;
   }
 
@@ -195,22 +194,23 @@
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 164px;
+    padding-right: 4px;
   }
 
   &--icons {
     display: flex;
     align-items: center;
+    padding-right: 4px;
+    gap: 4px;
 
     &__policy-violated-icon {
-      margin-left: 4px;
       width: 16px;
       height: 16px;
       color: $red;
       font-size: 16px;
     }
 
     &__split-icon {
-      margin-left: 4px;
       width: 16px;
       height: 16px;
       color: $brand-primary-light;
@@ -219,7 +219,6 @@
     &__duplicate-icon {
       width: 16px;
       height: 16px;
-      margin-left: 4px;
       color: $dark-yellow;
     }
   }