From 50d7d2146296a30027306b02e01ce4177dc210e3 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Mon, 1 Jun 2026 14:11:50 +0300
Subject: [PATCH] fix(gift): stretch my-gifts cards full-width instead of
 cramped 2-col grid
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The 2-column grid inside the max-w-2xl container made each gift card a narrow ~330px half. Gift cards are content-rich (header, code, share preview, buttons), so stack them single-column full-width — they now stretch to the container width on every breakpoint.
---
 src/pages/GiftSubscription.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/GiftSubscription.tsx b/src/pages/GiftSubscription.tsx
index 9e4fe4c..9dc2002 100644
--- a/src/pages/GiftSubscription.tsx
+++ b/src/pages/GiftSubscription.tsx
@@ -1110,7 +1110,7 @@ function MyGiftsTabContent() {
           <h2 className="mb-3 text-xs font-semibold uppercase tracking-wider text-dark-400">
             {t('gift.activeGiftsTitle')}
           </h2>
-          <div className="grid gap-3 sm:grid-cols-2">
+          <div className="space-y-3">
             {activeGifts.map((gift) => (
               <SentGiftCard key={gift.token} gift={gift} />
             ))}
@@ -1124,7 +1124,7 @@ function MyGiftsTabContent() {
           <h2 className="mb-3 text-xs font-semibold uppercase tracking-wider text-dark-400">
             {t('gift.activatedGiftsTitle')}
           </h2>
-          <div className="grid gap-3 sm:grid-cols-2">
+          <div className="space-y-3">
             {activatedGifts.map((gift) => (
               <SentGiftCard key={gift.token} gift={gift} />
             ))}
@@ -1138,7 +1138,7 @@ function MyGiftsTabContent() {
           <h2 className="mb-3 text-xs font-semibold uppercase tracking-wider text-dark-400">
             {t('gift.receivedGiftsTitle')}
           </h2>
-          <div className="grid gap-3 sm:grid-cols-2">
+          <div className="space-y-3">
             {receivedGifts!.map((gift) => (
               <ReceivedGiftCard key={gift.token} gift={gift} />
             ))}