Prevent headline in partial cropping of anything within A4 dimensions

1 files changed, 7 insertions, 2 deletions

diff --git a/public/stylesheets/ccc.css b/public/stylesheets/ccc.css
index a179dc6d..295250fb 100644
--- a/public/stylesheets/ccc.css
+++ b/public/stylesheets/ccc.css
@@ -744,10 +744,15 @@ div.author_and_date {
 
 .article_thumbnail img {
   width: 116px;
-  height: 116px;
+  height: auto;
+  min-height: 82px;   /* 116 / sqrt(2): wider than DIN landscape crops */
+  max-height: 164px;  /* 116 * sqrt(2): taller than DIN portrait crops */
   object-fit: cover;
-  border-radius: 4px;
   display: block;
+
+  border-radius: 4px;
+  border: 1px solid rgba(128, 128, 128, 0.4);
+  box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.25);
 }
 
 .article_partial_layout .excerpt {