From e1f6b120c44c37249bba13fb49a7d9bb7dfb73fe Mon Sep 17 00:00:00 2001
From: Marco Allegretti <mightymarco4@gmail.com>
Date: Thu, 29 Jan 2026 21:06:00 +0100
Subject: [PATCH] ux: centralize state-card utility

---
 frontend/src/components/ui/DesignSystemStyles.astro |  5 +++++
 frontend/src/pages/communities.astro                | 11 +++++------
 frontend/src/pages/communities/[slug]/plugins.astro |  5 -----
 frontend/src/pages/proposals.astro                  |  5 -----
 4 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/ui/DesignSystemStyles.astro b/frontend/src/components/ui/DesignSystemStyles.astro
index 6c50369..181fb89 100644
--- a/frontend/src/components/ui/DesignSystemStyles.astro
+++ b/frontend/src/components/ui/DesignSystemStyles.astro
@@ -477,6 +477,11 @@
     -webkit-backdrop-filter: blur(12px);
   }
 
+  .state-card {
+    padding: var(--ui-state-card-pad, 2.25rem 1.5rem);
+    text-align: center;
+  }
+
   .ui-btn {
     display: inline-flex;
     align-items: center;
diff --git a/frontend/src/pages/communities.astro b/frontend/src/pages/communities.astro
index 6319fc4..6aca0e9 100644
--- a/frontend/src/pages/communities.astro
+++ b/frontend/src/pages/communities.astro
@@ -226,8 +226,12 @@ import { API_BASE as apiBase } from '../lib/api';
 </Layout>
 
 <style>
+  .ui-page {
+    --ui-state-card-pad: 2.5rem 1.5rem;
+  }
+
   .communities-toolbar {
-    padding: 1rem;
+    padding: 1rem 1.25rem;
     margin-bottom: 1.25rem;
   }
 
@@ -342,11 +346,6 @@ import { API_BASE as apiBase } from '../lib/api';
     color: rgba(255, 255, 255, 0.78);
   }
 
-  .state-card {
-    padding: 2.5rem 1.5rem;
-    text-align: center;
-  }
-
   .loading {
     color: var(--color-text-muted);
     margin: 0;
diff --git a/frontend/src/pages/communities/[slug]/plugins.astro b/frontend/src/pages/communities/[slug]/plugins.astro
index 13c379d..0626f1f 100644
--- a/frontend/src/pages/communities/[slug]/plugins.astro
+++ b/frontend/src/pages/communities/[slug]/plugins.astro
@@ -396,11 +396,6 @@ const { slug } = Astro.params;
     color: var(--color-text-muted);
   }
 
-  .state-card {
-    padding: 2.25rem 1.5rem;
-    text-align: center;
-  }
-
   .community-badge {
     padding: 1rem 1.1rem;
     margin-bottom: 1.5rem;
diff --git a/frontend/src/pages/proposals.astro b/frontend/src/pages/proposals.astro
index 0ec4218..b14e93d 100644
--- a/frontend/src/pages/proposals.astro
+++ b/frontend/src/pages/proposals.astro
@@ -192,11 +192,6 @@ import { API_BASE as apiBase } from '../lib/api';
     }
   }
 
-  .state-card {
-    padding: 2.25rem 1.5rem;
-    text-align: center;
-  }
-
   .list {
     display: grid;
     gap: 1rem;