From 5212532773a788dc86907c607fadddd942b6f844 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Tue, 15 Apr 2025 14:52:43 +0200
Subject: [PATCH] news design correction padding 14

---
 components/news.tsx | 32 +++++++++++++++-----------------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/components/news.tsx b/components/news.tsx
index 69a73ca..101571f 100644
--- a/components/news.tsx
+++ b/components/news.tsx
@@ -109,25 +109,23 @@ export function News() {
                   className="p-2 rounded-lg bg-white shadow-sm hover:shadow-md transition-all duration-200 border border-gray-100"
                   onClick={() => window.open(item.url, '_blank')}
                 >
-                  <div className="flex gap-2">
-                    <div className="flex-1 min-w-0 space-y-1">
-                      <h3 className="text-sm font-medium text-gray-800 line-clamp-2" title={item.title}>
-                        {item.title}
-                      </h3>
-                      <div className="flex items-center justify-between">
-                        <span className="text-xs text-gray-500">{formatDate(item.date)}</span>
-                        {item.category && (
-                          <span className="text-xs px-2 py-0.5 rounded-full bg-blue-50 text-blue-600">
-                            {item.category}
-                          </span>
-                        )}
-                      </div>
-                      {item.description && (
-                        <p className="text-xs text-gray-500 line-clamp-2" title={item.description}>
-                          {item.description}
-                        </p>
+                  <div className="flex flex-col gap-1">
+                    <h3 className="text-sm font-medium text-gray-800 line-clamp-2" title={item.title}>
+                      {item.title}
+                    </h3>
+                    <div className="flex items-center justify-between text-xs">
+                      <span className="text-gray-500">{formatDate(item.date)}</span>
+                      {item.category && (
+                        <span className="px-2 py-0.5 rounded-full bg-blue-50 text-blue-600">
+                          {item.category}
+                        </span>
                       )}
                     </div>
+                    {item.description && (
+                      <p className="text-xs text-gray-500 line-clamp-2 mt-1" title={item.description}>
+                        {item.description}
+                      </p>
+                    )}
                   </div>
                 </div>
               ))