From 5fcfa7cd0385ba34aba79edfdcb4b0886a73b7b7 Mon Sep 17 00:00:00 2001
From: towards-a-new-leftypol <paul_cockshott@protonmail.com>
Date: Sun, 11 Feb 2024 15:09:52 -0500
Subject: [PATCH] further changes to catalog view css

---
 stylesheets/style.css                 | 35 ++++++++++++++++-----------
 templates/themes/catalog/catalog.html |  6 +++--
 2 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/stylesheets/style.css b/stylesheets/style.css
index 9bc0e89a..3ebc791e 100644
--- a/stylesheets/style.css
+++ b/stylesheets/style.css
@@ -860,16 +860,17 @@ pre {
   vertical-align: top;
   text-align: center;
   font-weight: normal;
-  margin-top: 2px;
-  margin-bottom: 2px;
-  padding: 2px;
-  height: 300px;
-  width: 205px;
+  max-height: 300px;
+  width: 180px;
   overflow: hidden;
   position: relative;
-  font-size: 11px;
-  max-height: 300px;
-  max-height:300px;
+  font-size: 10pt;
+  margin-top: 5px;
+  margin-bottom: 20px;
+}
+
+.theme-catalog .thread .meta {
+    font-size: 11px;
 }
 
 .theme-catalog div.thread strong {
@@ -891,22 +892,28 @@ pre {
 }
 
 .theme-catalog div.grid-size-vsmall {
-  min-width:90px; max-width: 90px;
+  min-width:90px;
+  max-width: 90px;
   max-height: 148px;
 }
 
 .theme-catalog div.grid-size-small img {
-  max-height: 33%;
-  max-width: 95%
-}
-
-.theme-catalog div.grid-size-small {
   min-width: 50px;
   min-height: 50px;
   max-width: 150px;
   max-width: 150px;
 }
 
+.theme-catalog .thread.grid-size-small .replies {
+    max-width: 150px;
+    padding: 0 15px;
+}
+
+
+.theme-catalog div.grid-size-small {
+    width: 180px;
+}
+
 .theme-catalog div.grid-size-medium img {
   max-height: 33%;
   max-width: 95%
diff --git a/templates/themes/catalog/catalog.html b/templates/themes/catalog/catalog.html
index 7473e6b4..2d532d3b 100644
--- a/templates/themes/catalog/catalog.html
+++ b/templates/themes/catalog/catalog.html
@@ -52,7 +52,7 @@
         <div class="threads">
                 <div id="Grid">
                 {% for post in recent_posts %}
-                        <div class="mix"
+                        <div class=""
 				data-reply="{{ post.replies }}"
 				 data-bump="{{ post.bump }}"
 				 data-time="{{ post.time }}"
@@ -70,7 +70,9 @@
                                                  id="img-{{ post.id }}" data-subject="{% if post.subject %}{{ post.subject|e }}{% endif %}" data-name="{{ post.name|e }}" data-muhdifference="{{ post.muhdifference }}" class="{{post.board}} thread-image" title="{{post.bump|date('%b %d %H:%M')}}">
                                         </a>
                                                 <div class="replies">
-                                                  <span>R:</span><strong>{{ post.replies }}</strong><span> / I: </span><strong>{{ post.images }}{% if post.sticky %} (sticky){% endif %}{% if post.sage %} (sage){% endif %}{% if (config.reply_limit > 0) and (post.replies >= config.reply_limit) %} (full){% endif %}{% if post.locked %} <span class="fa fa-lock">&nbsp;</span>{% endif %}</strong>
+                                                  <div class="meta">
+                                                    <span>R: </span><b>{{ post.replies }}</b><span> / I: </span><b>{{ post.images }}{% if post.sticky %} (sticky){% endif %}{% if post.sage %} (sage){% endif %}{% if (config.reply_limit > 0) and (post.replies >= config.reply_limit) %} (full){% endif %}{% if post.locked %} <span class="fa fa-lock">&nbsp;</span>{% endif %}</b>
+                                                  </div>
                                                         {% if post.subject %}
 								<p class="intro">
 									<span class="subject">