Fix index layout on firefox

Author: willburden

src/components/Bandcamp.astro

@@ -17,7 +17,7 @@ const { album, tracks = 5 } = Astro.props;
 <style lang="scss">
     @use '../styles/tokens' as *;
 
-    $constant-height: 107.8px;
+    $constant-height: 109px;
     $height-per-track: 32.8px;
 
     iframe {

src/pages/index.astro

@@ -45,8 +45,10 @@ posts.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf())
             @include font-technical;
         }
 
-        .item:not(:last-child) {
-            margin-block-end: $size-lg;
+        @media (max-width: $single-width) {
+            .item:not(:last-child) {
+                margin-block-end: $size-lg;
+            }
         }
     }
 
@@ -57,7 +59,7 @@ posts.sort((a, b) => b.data.pubDate.valueOf() - a.data.pubDate.valueOf())
 
             display: grid;
             gap: $space-md $space-md;
-            grid-template: auto auto / min-content auto;
+            grid-template: auto auto / auto auto;
 
             .date {
                 text-align: right;

src/util/formatDate.ts

@@ -28,9 +28,13 @@ const monthName = (month: number) => {
     ][month];
 };
 
+const shortMonthName = (month: number) => {
+    return monthName(month).substring(0, 3);
+}
+
 export const compact = (date: Date) => {
     const day = date.getDate();
-    const month = monthName(date.getMonth());
+    const month = shortMonthName(date.getMonth());
     const year = date.getFullYear();
 
     return `${day}/${month}/${year}`;