From 8cd8c940fa07c9129621ab5a1ead9053dd7e3724 Mon Sep 17 00:00:00 2001
From: Julien Herr <julien@herr.fr>
Date: Mon, 25 May 2026 17:44:31 +0200
Subject: [PATCH] style(admin): pill-native + native-feeds group spacing

---
 src/styles/components.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/styles/components.css b/src/styles/components.css
index 4742812..d4f76e2 100644
--- a/src/styles/components.css
+++ b/src/styles/components.css
@@ -1391,6 +1391,27 @@ table.table code {
   transform: translateY(-1px);
 }
 
+/* Dashboard pill — <a class="pill pill-native"> */
+.pill-native {
+  background: var(--color-card);
+  color: var(--color-primary);
+  border-color: var(--color-primary);
+  text-decoration: none;
+  transition:
+    opacity var(--transition-fast),
+    transform var(--transition-fast);
+}
+
+.pill-native:hover {
+  opacity: 0.88;
+  transform: translateY(-1px);
+}
+
+/* Native-feeds group sits below the KTN "Subscribe" chips */
+.native-feeds {
+  margin-top: var(--spacing-sm);
+}
+
 /* Top banner on the feed emails page */
 .confirmation-banner {
   display: flex;