From 81c7f05e74f31f12cfd92ec5900f6ca91a64ab86 Mon Sep 17 00:00:00 2001
From: rimu <3310831+rimu@users.noreply.github.com>
Date: Fri, 22 Nov 2024 08:33:56 +1300
Subject: [PATCH] stop alt text on 404d thumbnail images from overflowing

---
 app/static/styles.css  | 7 ++++++-
 app/static/styles.scss | 7 ++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/static/styles.css b/app/static/styles.css
index 483abd1c..057ec4ba 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -796,13 +796,18 @@ div.navbar {
 }
 .post_list .post_teaser .thumbnail {
   text-align: center;
-  height: 100%;
   align-content: center;
   display: flex;
+  height: 60px;
+  width: 60px;
+  overflow: hidden;
 }
 @media (min-width: 992px) {
   .post_list .post_teaser .thumbnail {
     align-items: center;
+    height: 90px;
+    width: 170px;
+    max-width: 100%;
   }
 }
 .post_list .post_teaser .thumbnail a {
diff --git a/app/static/styles.scss b/app/static/styles.scss
index bb025d78..8c3bff6f 100644
--- a/app/static/styles.scss
+++ b/app/static/styles.scss
@@ -382,11 +382,16 @@ div.navbar {
     .thumbnail {
 
       text-align: center;
-      height: 100%;
       align-content: center;
       display: flex;
+      height: 60px;
+      width: 60px;
+      overflow: hidden;
       @include breakpoint(tablet) {
         align-items: center;
+        height: 90px;
+        width: 170px;
+        max-width: 100%;
       }
 
       a {