From 552a15a5401aba1326fa1e0ed4dad2d9dc95834e Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Thu, 29 Feb 2024 15:34:18 +0000
Subject: fix: Fix the padding of the tag view page

---
 packages/web/app/dashboard/tags/[tagName]/page.tsx | 5 +++--
 packages/web/app/dashboard/tags/page.tsx           | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

(limited to 'packages/web/app')

diff --git a/packages/web/app/dashboard/tags/[tagName]/page.tsx b/packages/web/app/dashboard/tags/[tagName]/page.tsx
index 493cb358..066315d0 100644
--- a/packages/web/app/dashboard/tags/[tagName]/page.tsx
+++ b/packages/web/app/dashboard/tags/[tagName]/page.tsx
@@ -45,8 +45,9 @@ export default async function TagPage({
   const bookmarks = await api.bookmarks.getBookmarks(query);
 
   return (
-    <div className="flex flex-col">
-      <span className="container py-4 text-2xl">#{params.tagName}</span>
+    <div className="container flex flex-col gap-3">
+      <span className="pt-4 text-2xl">{params.tagName}</span>
+      <hr />
       <BookmarksGrid query={query} bookmarks={bookmarks.bookmarks} />
     </div>
   );
diff --git a/packages/web/app/dashboard/tags/page.tsx b/packages/web/app/dashboard/tags/page.tsx
index 98f227fa..44c164e1 100644
--- a/packages/web/app/dashboard/tags/page.tsx
+++ b/packages/web/app/dashboard/tags/page.tsx
@@ -9,7 +9,7 @@ import { redirect } from "next/navigation";
 function TagPill({ name, count }: { name: string; count: number }) {
   return (
     <Link
-      className="flex gap-2 rounded-md border border-gray-200 bg-white px-2 py-1 text-foreground hover:bg-foreground hover:text-background"
+      className="text-foreground hover:bg-foreground hover:text-background flex gap-2 rounded-md border border-gray-200 bg-white px-2 py-1"
       href={`/dashboard/tags/${name}`}
     >
       {name} <Separator orientation="vertical" /> {count}
-- 
cgit v1.2.3-70-g09d2