From 7b7ff536729872bc4b107bb4ce19a1643d979ca5 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Mon, 1 Jun 2026 15:49:29 +0300
Subject: [PATCH] fix(news): fill the orphan card so the grid has no empty cell
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

On sm+ the regular news cards sit in a 2-col grid; an odd count left an empty cell. Move the featured card out of the grid (it was col-span-full anyway, which also skewed nth-child parity) and stretch the last regular card to span both columns when it's the lone one in its row — same orphan-fill used for the admin stat cards.
---
 src/components/news/NewsSection.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/news/NewsSection.tsx b/src/components/news/NewsSection.tsx
index c9ae90a..fb78ad5 100644
--- a/src/components/news/NewsSection.tsx
+++ b/src/components/news/NewsSection.tsx
@@ -429,11 +429,20 @@ export default function NewsSection() {
 
         {/* Grid */}
         {items.length > 0 && (
-          <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+          <div className="space-y-4">
             {featured && <FeaturedCard item={featured} onClick={handleFeaturedClick} />}
-            {regular.map((item, i) => (
-              <NewsCardWrapper key={item.id} item={item} index={i} onCardClick={handleCardClick} />
-            ))}
+            {regular.length > 0 && (
+              <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 sm:[&>*:last-child:nth-child(odd)]:col-span-2">
+                {regular.map((item, i) => (
+                  <NewsCardWrapper
+                    key={item.id}
+                    item={item}
+                    index={i}
+                    onCardClick={handleCardClick}
+                  />
+                ))}
+              </div>
+            )}
           </div>
         )}