From e07f43500eb3d21e8f557fa921124b1bd2ae8823 Mon Sep 17 00:00:00 2001
From: Jiku Godwill Nsanwi <jikugodwill@yahoo.com>
Date: Sun, 29 Sep 2024 16:01:04 +0100
Subject: [PATCH 1/2] Refactor Mintbase: Update responsive styles for StoreCard
 component

---
 apps/Mintbase/widget/Mintbase/Mini/Index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/Mintbase/widget/Mintbase/Mini/Index.jsx b/apps/Mintbase/widget/Mintbase/Mini/Index.jsx
index 4772fe62..b95ac0fb 100644
--- a/apps/Mintbase/widget/Mintbase/Mini/Index.jsx
+++ b/apps/Mintbase/widget/Mintbase/Mini/Index.jsx
@@ -565,7 +565,7 @@ const Card = styled.div`
 
     /* tablets and mobile */
     @media (max-width: 768px) {
-      margin: 18px 4px;
+      margin: 18px 10px;
     }
   }
   .stripe-data {

From 639efaedd5f75431061fb1c587d8582656f2ebcb Mon Sep 17 00:00:00 2001
From: Jiku Godwill Nsanwi <jikugodwill@yahoo.com>
Date: Sun, 29 Sep 2024 16:17:10 +0100
Subject: [PATCH 2/2] Refactor Mintbase: Update responsive styles for StoreCard
 and MbButton components

---
 apps/Mintbase/widget/Mintbase/App/Tokens/Minted.jsx | 1 +
 apps/Mintbase/widget/Mintbase/NFT/Index.jsx         | 1 +
 2 files changed, 2 insertions(+)

diff --git a/apps/Mintbase/widget/Mintbase/App/Tokens/Minted.jsx b/apps/Mintbase/widget/Mintbase/App/Tokens/Minted.jsx
index 366edce8..e566cada 100644
--- a/apps/Mintbase/widget/Mintbase/App/Tokens/Minted.jsx
+++ b/apps/Mintbase/widget/Mintbase/App/Tokens/Minted.jsx
@@ -69,6 +69,7 @@ const WrapCards = styled.div`
     font-weight: 400;
     font-size: 16px;
     color: var(${isDarkModeOn ? "--gray-300, #b3b5bd" : "--gray-600, #5b5d6b"});
+    padding-left: 24px;
   }
   .pagination_container {
     width: 100%;
diff --git a/apps/Mintbase/widget/Mintbase/NFT/Index.jsx b/apps/Mintbase/widget/Mintbase/NFT/Index.jsx
index 911768bd..941584cf 100644
--- a/apps/Mintbase/widget/Mintbase/NFT/Index.jsx
+++ b/apps/Mintbase/widget/Mintbase/NFT/Index.jsx
@@ -165,6 +165,7 @@ const NFTCard = ({ data, isDarkModeOn, accountId, connectedDao }) => {
     transition: 0.5s ease-in-out;
     overflow: hidden;
     border-radius: 10px;
+    margin: 0 auto;
     @media (max-width: 500px) {
       width: 99% !important;
     }