change shows date display

linobino1 · May 23, 2024 · 6c49550 · 6c49550
1 parent af75be5
commit 6c49550
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/components/Shows/index.tsx b/app/components/Shows/index.tsx
@@ -20,9 +20,9 @@ export const Shows: React.FC<Props> = ({ shows, ...props }) => (
 );
 
 const ShowComponent: React.FC<{ show: Show }> = ({ show }) => {
-  const label = `${format(new Date(show.date), "PP", { locale: enUS })} | ${
-    show.location
-  }`;
+  const label = `${format(new Date(show.date), "PPP", {
+    locale: enUS,
+  })} | ${show.location}`;
   return (
     <li>
       {show.link ? (

diff --git a/app/routes/_index/index.module.css b/app/routes/_index/index.module.css
@@ -56,7 +56,7 @@ ul.shows {
   display: flex;
   flex-direction: column;
   align-items: center;
-  row-gap: 0.5rem;
+  row-gap: 1.5rem;
   list-style: none;
   padding: 0;
   margin: 0;