From 6cdbcc782be70fd9b62db86097ebfd91e7072840 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sun, 5 Mar 2023 20:00:45 +0200
Subject: [PATCH] VoDs better grid layout Closes #1296

---
 app/db/seed.ts             | 12 ++++++++++++
 app/features/vods/vods.css |  5 +++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/db/seed.ts b/app/db/seed.ts
index a0cc07e37..8578578e5 100644
--- a/app/db/seed.ts
+++ b/app/db/seed.ts
@@ -1049,6 +1049,18 @@ function realVideo() {
         startsAt: 1186,
         weapons: [3040],
       },
+      {
+        mode: "RM",
+        stageId: 2,
+        startsAt: 1386,
+        weapons: [3000],
+      },
+      {
+        mode: "TC",
+        stageId: 4,
+        startsAt: 1586,
+        weapons: [1110],
+      },
       // there are other matches too...
     ],
   });
diff --git a/app/features/vods/vods.css b/app/features/vods/vods.css
index 3f5bb5fc3..68b3e664d 100644
--- a/app/features/vods/vods.css
+++ b/app/features/vods/vods.css
@@ -1,5 +1,6 @@
 .vods__matches {
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
   flex-wrap: wrap;
   column-gap: var(--s-4);
   row-gap: var(--s-8);
@@ -38,7 +39,7 @@
 .vods__match__mode {
   position: absolute;
   top: -15px;
-  right: 15px;
+  right: 20px;
 }
 
 .vods__listing__list {