From 13153fc9d4c67f001a118ac37338ef3126303ce6 Mon Sep 17 00:00:00 2001
From: Toast <toast003@tutamail.com>
Date: Thu, 6 Feb 2025 20:12:08 +0100
Subject: [PATCH] Pages/shows: fix card grid

---
 src/pages/shows/shows.component.html | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/pages/shows/shows.component.html b/src/pages/shows/shows.component.html
index 8f6cc94..6cefc1d 100644
--- a/src/pages/shows/shows.component.html
+++ b/src/pages/shows/shows.component.html
@@ -1,17 +1,19 @@
 <div class="container">
-  <div class="row row-cols-4">
+  <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4">
     @for (show of shows; track show._id) {
-      <div class="card col">
-        <!--    <img src="">-->
-        <div class="card-body">
-          <h5 class="card-title">{{ show.title }}</h5>
-          <p class="card-text">{{ show.date | date }}</p>
-          <button type="button" class="btn btn-outline-danger" (click)="deleteShow(show)">
-            <i class="bi bi-trash"></i>
-          </button>
-          <button type="button" class="btn btn-outline-warning" (click)="editShow(show, $index)">
-            <i class="bi bi-pencil"></i>
-          </button>
+      <div class="col">
+        <div class="card h-100">
+          <!--    <img src="">-->
+          <div class="card-body">
+            <h5 class="card-title">{{ show.title }}</h5>
+            <p class="card-text">{{ show.date | date }}</p>
+            <button type="button" class="btn btn-outline-danger" (click)="deleteShow(show)">
+              <i class="bi bi-trash"></i>
+            </button>
+            <button type="button" class="btn btn-outline-warning" (click)="editShow(show, $index)">
+              <i class="bi bi-pencil"></i>
+            </button>
+          </div>
         </div>
       </div>
     }