From cb62db781235fbc4b1fe92a3f8b26dadb5181963 Mon Sep 17 00:00:00 2001
From: Cari <44416326+lilacpixel@users.noreply.github.com>
Date: Sun, 19 May 2024 05:09:24 -0400
Subject: ui(web): Set tag input field in preview modal to 100% width to fix
 overflow issues on select dropdown (#165)

ui(web): Fixed issue with rounded corners on tag input field in preview modal

ui(web): Adjusted styles for labels and fields in preview modal for visual consistency
---
 apps/web/components/dashboard/preview/BookmarkPreview.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'apps/web/components/dashboard/preview/BookmarkPreview.tsx')

diff --git a/apps/web/components/dashboard/preview/BookmarkPreview.tsx b/apps/web/components/dashboard/preview/BookmarkPreview.tsx
index 3d98dd19..be11b47b 100644
--- a/apps/web/components/dashboard/preview/BookmarkPreview.tsx
+++ b/apps/web/components/dashboard/preview/BookmarkPreview.tsx
@@ -133,12 +133,12 @@ export default function BookmarkPreview({
         </div>
 
         <CreationTime createdAt={bookmark.createdAt} />
-        <div className="flex gap-4">
+        <div className="flex items-center gap-4">
           <p className="text-sm text-gray-400">Tags</p>
           <TagsEditor bookmark={bookmark} />
         </div>
         <div className="flex gap-4">
-          <p className="text-sm text-gray-400">Note</p>
+          <p className="pt-2 text-sm text-gray-400">Note</p>
           <NoteEditor bookmark={bookmark} />
         </div>
         <ActionBar bookmark={bookmark} />
-- 
cgit v1.3-1-g0d28

