From 7d232a76c990b91445712ee67b4cec7a2888aa5b Mon Sep 17 00:00:00 2001
From: MHSanaei <ho3ein.sanaei@gmail.com>
Date: Sat, 3 Oct 2026 12:34:46 +0200
Subject: [PATCH] style(sponsor): stack the banner's sponsor tag above Visit

---
 frontend/src/components/sponsor/SponsorCard.css | 12 +++++++++++-
 frontend/src/components/sponsor/SponsorCard.tsx | 12 ++++++++++--
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/sponsor/SponsorCard.css b/frontend/src/components/sponsor/SponsorCard.css
index 8b02753b0..1fba8f486 100644
--- a/frontend/src/components/sponsor/SponsorCard.css
+++ b/frontend/src/components/sponsor/SponsorCard.css
@@ -95,6 +95,14 @@
   white-space: nowrap;
 }
 
+.sponsor-aside {
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: 6px;
+}
+
 .sponsor-close {
   flex: 0 0 auto;
   align-self: flex-start;
@@ -197,8 +205,10 @@
     padding: 10px 12px;
   }
 
-  .sponsor-card-banner .sponsor-visit {
+  .sponsor-card-banner .sponsor-aside {
     flex-basis: 100%;
+    flex-direction: row;
+    align-items: center;
     padding-inline-start: 52px;
   }
 }
diff --git a/frontend/src/components/sponsor/SponsorCard.tsx b/frontend/src/components/sponsor/SponsorCard.tsx
index a74c4e2aa..015ba3333 100644
--- a/frontend/src/components/sponsor/SponsorCard.tsx
+++ b/frontend/src/components/sponsor/SponsorCard.tsx
@@ -74,12 +74,20 @@ export default function SponsorCard({
         <SponsorLogo sponsor={sponsor} />
         <span className="sponsor-body" dir="auto">
           <span className="sponsor-head">
-            <span className="sponsor-tag">{tag}</span>
+            {variant !== 'banner' && <span className="sponsor-tag">{tag}</span>}
             <span className="sponsor-title">{title}</span>
           </span>
           {text && <span className="sponsor-text">{text}</span>}
         </span>
-        {variant !== 'compact' && (
+        {variant === 'banner' && (
+          <span className="sponsor-aside">
+            <span className="sponsor-tag">{tag}</span>
+            <span className="sponsor-visit">
+              {t('pages.sponsors.visit')} <ExportOutlined />
+            </span>
+          </span>
+        )}
+        {variant === 'card' && (
           <span className="sponsor-visit">
             {t('pages.sponsors.visit')} <ExportOutlined />
           </span>