From 215051ef086195fcdb9bb0d91b09363319a269a7 Mon Sep 17 00:00:00 2001
From: hoelee <me@hoelee.com>
Date: Fri, 16 Oct 2026 21:41:16 +0800
Subject: [PATCH] polish(home): drop the redundant badge from featured cards,
 widen the search pill

All four featured posts are case studies, so the badge repeated the same word
four times; the card grid already sits under a 'Featured' heading. Search pill
gets a little horizontal room so 'Search /' does not read as cramped.
---
 src/pages/index.astro    | 1 -
 src/pages/zh/index.astro | 1 -
 src/styles/global.css    | 1 +
 3 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 8bb65d2..2e2db06 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -46,7 +46,6 @@ const featuredPosts = featured.length === 4 ? featured : posts.slice(0, 4);
     <div class="featured-grid">
       {featuredPosts.map((p) => (
         <a class="featured-card" href={`/posts/${p.slug}/`}>
-          <span class="featured-badge">{p.data.category}</span>
           <h3>{p.data.title}</h3>
           <p>{p.data.description}</p>
         </a>
diff --git a/src/pages/zh/index.astro b/src/pages/zh/index.astro
index 1537f8b..41f5817 100644
--- a/src/pages/zh/index.astro
+++ b/src/pages/zh/index.astro
@@ -50,7 +50,6 @@ const featuredPosts = featured.length === 4 ? featured : posts.slice(0, 4);
     <div class="featured-grid">
       {featuredPosts.map((p) => (
         <a class="featured-card" href={`/posts/${p.slug}/`}>
-          <span class="featured-badge">{p.data.category}</span>
           <h3>{p.data.title}</h3>
           <p>{p.data.description}</p>
         </a>
diff --git a/src/styles/global.css b/src/styles/global.css
index 7d80f3e..d655078 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -134,6 +134,7 @@ body {
   line-height: 1.35;
   cursor: pointer;
   font-family: var(--font-sans);
+  padding-inline: 0.7rem;
   display: inline-flex;
   align-items: center;
   justify-content: center;