From e7a07503dab2f2e575da0852f1911d0e081435e0 Mon Sep 17 00:00:00 2001
From: Usame Algan <usame@safe.global>
Date: Wed, 20 Sep 2023 09:10:32 +0200
Subject: [PATCH] Fix mobile view

---
 .../transactions/TxSummary/styles.module.css  | 24 ++++++-------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/components/transactions/TxSummary/styles.module.css b/src/components/transactions/TxSummary/styles.module.css
index 7c7e00a953..c8e4d787e6 100644
--- a/src/components/transactions/TxSummary/styles.module.css
+++ b/src/components/transactions/TxSummary/styles.module.css
@@ -7,10 +7,9 @@
 }
 
 .columnTemplate {
-  grid-template-columns: minmax(50px, 0.25fr) minmax(150px, 2fr) minmax(150px, 2fr) minmax(200px, 2fr) 1fr minmax(
-      60px,
-      0.5fr
-    ) minmax(170px, 1fr);
+  grid-template-columns:
+    minmax(50px, 0.25fr) minmax(150px, 2fr) minmax(150px, 2fr) minmax(200px, 2fr) 1fr minmax(60px, 0.5fr)
+    minmax(170px, 1fr);
   grid-template-areas: 'nonce type info date confirmations actions status';
 }
 
@@ -45,7 +44,8 @@
     gap: var(--space-1);
   }
 
-  .columnTemplate {
+  .columnTemplate,
+  .columnTemplateShort {
     grid-template-columns: repeat(12, auto);
     grid-template-areas:
       'nonce type type type type type type type type type type type'
@@ -56,18 +56,8 @@
       'empty actions actions actions actions actions actions actions actions actions actions actions';
   }
 
-  .columnTemplateWithoutNonce {
-    grid-template-columns: repeat(12, 1fr);
-    grid-template-areas:
-      'nonce type type type type type type type type type type type'
-      'empty info info info info info info info info info info info'
-      'empty date date date date date date date date date date date'
-      'empty confirmations confirmations confirmations confirmations confirmations confirmations confirmations confirmations confirmations confirmations confirmations'
-      'empty status status status status status status status status status status status'
-      'empty actions actions actions actions actions actions actions actions actions actions actions';
-  }
-
-  .columnTemplateTxHistory {
+  .columnTemplateTxHistory,
+  .columnTemplateTxHistoryShort {
     grid-template-columns: repeat(12, 1fr);
     grid-template-areas:
       'nonce type type type type type type type type type type type'