VoDs better grid layout Closes #1296

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...
     ],
   });

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 {