From 5fc0be20153015c8b12b0e757d4d60e76d2a328f Mon Sep 17 00:00:00 2001
From: Farhan Ahmad Nurzi
 <125247833+farhan-nurzi-deriv@users.noreply.github.com>
Date: Fri, 3 Nov 2023 12:45:58 +0800
Subject: [PATCH] Farhan/P2PS-1662/On Buy/Sell tab the spacing for UPI is shown
 more (#10477)

* chore: add upi in payment methods

* refactor: refactor payment method filtering conditions

* refactor: rename variable

* refactor: move payment methods filtering logic to a function

* chore: update buy modal form to use function to get payment method icon

* refactor: update util import

* chore: add unit test

* fix: upi not showing in my-profile page

* chore: small logic change

* fix: upi icon is not match in order-details page

* refactor: remove unused files

* refactor: remove unrelated changes

* fix: make payment method column in buy/sell smaller

* fix: row overlapping and payment methods column

* fix: unrelated change

* chore: change flex property

* fix: grid in my-ads table
---
 packages/p2p/src/pages/buy-sell/buy-sell-table.scss | 2 +-
 packages/p2p/src/pages/buy-sell/buy-sell.scss       | 5 +++--
 packages/p2p/src/pages/my-ads/my-ads-table.scss     | 2 +-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/p2p/src/pages/buy-sell/buy-sell-table.scss b/packages/p2p/src/pages/buy-sell/buy-sell-table.scss
index bd60bd0856c6..03c9be8f6531 100644
--- a/packages/p2p/src/pages/buy-sell/buy-sell-table.scss
+++ b/packages/p2p/src/pages/buy-sell/buy-sell-table.scss
@@ -12,7 +12,7 @@
 
     &__header {
         display: grid;
-        grid-template-columns: 2fr 1.5fr 1fr 1.5fr 1fr;
+        grid-template-columns: 2fr 1.4fr 1fr 1.8fr 0.8fr;
 
         > .dc-table__head:first-child {
             margin-left: 1.6rem;
diff --git a/packages/p2p/src/pages/buy-sell/buy-sell.scss b/packages/p2p/src/pages/buy-sell/buy-sell.scss
index ee7674a1a4be..040c6b874f3e 100644
--- a/packages/p2p/src/pages/buy-sell/buy-sell.scss
+++ b/packages/p2p/src/pages/buy-sell/buy-sell.scss
@@ -50,7 +50,8 @@
 
     &__table-row {
         padding: 1.6rem;
-        grid-template-columns: 2fr 1.5fr 1fr 1.5fr 1fr;
+        height: max-content;
+        grid-template-columns: 2fr 1.4fr 1fr 1.8fr 0.8fr;
 
         &:hover {
             background-color: var(--general-hover);
@@ -82,7 +83,7 @@
 
     &__button {
         display: flex;
-        justify-content: center;
+        justify-content: flex-end;
         align-items: center;
     }
 }
diff --git a/packages/p2p/src/pages/my-ads/my-ads-table.scss b/packages/p2p/src/pages/my-ads/my-ads-table.scss
index 8ae1e0c4acf5..f96524f2dfc2 100644
--- a/packages/p2p/src/pages/my-ads/my-ads-table.scss
+++ b/packages/p2p/src/pages/my-ads/my-ads-table.scss
@@ -175,7 +175,7 @@
 
     &__row {
         padding: 1.6rem;
-        grid-template-columns: 1.7fr repeat(2, 2fr) repeat(2, 2.3fr) 1.5fr;
+        grid-template-columns: repeat(3, 1.6fr) 1.9fr 3fr 1.4fr;
 
         .dc-table__cell:last-child {
             word-break: unset;