From bb63b18391ca98170e070549aab87748816f7be4 Mon Sep 17 00:00:00 2001
From: c0de <c0de@c0de.dev>
Date: Fri, 29 Dec 2023 18:22:12 -0600
Subject: [PATCH] Move the col class to gallery

---
 templates/card_loading.html | 39 ++++++++++++++++++-------------------
 templates/gallery.html      |  4 ++--
 2 files changed, 21 insertions(+), 22 deletions(-)

diff --git a/templates/card_loading.html b/templates/card_loading.html
index 1a9cffb..e18db28 100644
--- a/templates/card_loading.html
+++ b/templates/card_loading.html
@@ -1,23 +1,22 @@
-<div class="col">
-  <div class="card" aria-hidden="true">
-    <div class="card-header">
-      <div class="d-flex align-items-center">
-        <strong role="status">Loading...</strong>
-        <div class="spinner-border ms-auto" aria-hidden="true"></div>
-      </div>
-    </div>
-    <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Loading..." preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Loading...</text></svg>
-    <div class="card-body">
-      <h5 class="card-title placeholder-glow">
-        <span class="placeholder col-6"></span>
-      </h5>
-      <p class="card-text placeholder-glow">
-        <span class="placeholder col-7"></span>
-        <span class="placeholder col-4"></span>
-        <span class="placeholder col-4"></span>
-        <span class="placeholder col-6"></span>
-        <span class="placeholder col-8"></span>
-      </p>
+<div class="card" aria-hidden="true">
+  <div class="card-header">
+    <div class="d-flex align-items-center">
+      <strong role="status">Loading...</strong>
+      <div class="spinner-border ms-auto" aria-hidden="true"></div>
     </div>
   </div>
+  <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Loading..." preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Loading...</text></svg>
+  <div class="card-body">
+    <h5 class="card-title placeholder-glow">
+      <span class="placeholder col-6"></span>
+    </h5>
+    <p class="card-text placeholder-glow">
+      <span class="placeholder col-7"></span>
+      <span class="placeholder col-4"></span>
+      <span class="placeholder col-4"></span>
+      <span class="placeholder col-6"></span>
+      <span class="placeholder col-8"></span>
+    </p>
+  </div>
 </div>
+
diff --git a/templates/gallery.html b/templates/gallery.html
index 66ebca5..75ea3a9 100644
--- a/templates/gallery.html
+++ b/templates/gallery.html
@@ -3,8 +3,8 @@
     <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3" data-memory='{"PercentPossition": true}'>
 
       {% for this in gallery_items %}
-        {% include 'card.html' %}
-        {% include 'card_loading.html' %}
+        <div class="col-md">{% include 'card.html' %}</div>
+        <div class="col-md">{% include 'card_loading.html' %}</div>
       {% endfor %}
 
     </div>