From a6c058bc57be56d5bc102c4b183f87a64a8ce49f Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 14 Feb 2024 00:11:30 +0000
Subject: ui: Small UI fixes

---
 packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx | 2 +-
 packages/web/app/dashboard/tags/page.tsx                          | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'packages')

diff --git a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
index 68ab304a..711c296b 100644
--- a/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
+++ b/packages/web/app/dashboard/bookmarks/components/BookmarksGrid.tsx
@@ -14,7 +14,7 @@ export default function BookmarksGrid({
   bookmarks: ZBookmark[];
 }) {
   return (
-    <div className="container grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3">
+    <div className="container grid grid-cols-1 gap-4 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
       {bookmarks.map((b) => renderBookmark(b))}
     </div>
   );
diff --git a/packages/web/app/dashboard/tags/page.tsx b/packages/web/app/dashboard/tags/page.tsx
index 546ee28d..ad5c99b8 100644
--- a/packages/web/app/dashboard/tags/page.tsx
+++ b/packages/web/app/dashboard/tags/page.tsx
@@ -20,10 +20,10 @@ export default async function TagsPage() {
     <div className="container mt-2 space-y-3">
       <span className="text-2xl">All Tags</span>
       <hr />
-      <div className="flex flex-wrap space-x-2">
+      <div className="flex flex-wrap">
         {tags.map((t) => (
           <Link
-            className="block rounded-xl bg-black p-2 text-white"
+            className="m-1 block min-w-16 rounded-xl bg-black p-2 text-center text-white"
             key={t.id}
             href={`/dashboard/tags/${t.name}`}
           >
-- 
cgit v1.2.3-70-g09d2