From cc97f41f2bf573c93f0c526bd0556337b11e5a30 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Thu, 9 Nov 2023 10:33:29 +0100
Subject: [PATCH] Masonry didn't work very well, use Bootstrap grid instead

---
 templates/find_more.html | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/templates/find_more.html b/templates/find_more.html
index 360d9fd..32aa1a6 100644
--- a/templates/find_more.html
+++ b/templates/find_more.html
@@ -3,12 +3,6 @@
 
 {% block title %}{{ label }}{% endblock %}
 
-{% block style %}
-<style>
-.card-columns { column-count: 6; }
-</style>
-{% endblock %}
-
 {% block content %}
 <div class="m-3">
   <h1>{{ self.title() }}</h1>
@@ -58,11 +52,11 @@
 
 {{ render_pagination(pager) }}
 
-<div class="row" data-masonry='{"percentPosition": true }'>
+<div class="row row-cols-1 row-cols-md-5 g-4">
   {% for item in items %}
   {% set image = item.image %}
-  <div class="col-sm-6 col-lg-4 mb-4">
-  <div class="card">
+  <div class="col">
+  <div class="card h-100">
     <a href="{{ url_for('item_page', item_id=item.item_id) }}">
       {# <img src="{{ image.thumburl }}" height="{{ image.thumbheight }}" width="{{ image.thumbwidth }}" class="card-img-top"></a> #}
       <img src="{{ image.thumburl }}" class="card-img-top"></a>
@@ -97,8 +91,6 @@
 {% endblock %}
 
 {% block script %}
-<script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>
-
 <script>
   $('#filters').hide();