From af91cd166bf7395ab217697de4ff1da6654a6415 Mon Sep 17 00:00:00 2001
From: Bassim Shahidy <122117267+AVGVSTVS96@users.noreply.github.com>
Date: Wed, 24 Apr 2024 13:35:42 -0400
Subject: [PATCH] Fixes #259 by updating `CommandMenu` date and title styling
 (#261)

Add `whitespace-nowrap` to date and change tracking to wide
Add  text-balance and mr-2 to title to balance wrap and add space in between title and date
---
 src/components/CommandMenu.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/CommandMenu.tsx b/src/components/CommandMenu.tsx
index 466f7d2e..e212d13b 100644
--- a/src/components/CommandMenu.tsx
+++ b/src/components/CommandMenu.tsx
@@ -106,11 +106,12 @@ export function CommandMenu({ buttonStyles, posts }: CommandMenuProps) {
               <CommandItem
                 slot="blogPosts"
                 key={index}
+                className="mr-2 text-balance"
                 aria-label={`Link to blog post: ${post.data.title}`}
                 onSelect={() => navigate(`/posts/${post.slug}/`)}>
                 <NotebookText className={iconStyles} />
                 {post.data.title}
-                <CommandShortcut>
+                <CommandShortcut className="whitespace-nowrap tracking-wide">
                   {new Date(post.data.pubDate).toLocaleDateString('en-US', {
                     year: 'numeric',
                     month: 'short',