From 1610449a5f1763b3957bf3a19d816623060742b3 Mon Sep 17 00:00:00 2001
From: Alex Cabal <alex@alexcabal.com>
Date: Sun, 6 Jun 2021 21:24:28 -0500
Subject: [PATCH] Specify height and width for thumbnails in the ebook footer
 carousel to improve CLS

---
 www/css/core.css     | 3 ++-
 www/ebooks/ebook.php | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/www/css/core.css b/www/css/core.css
index 5fdb4e3a..264124e8 100644
--- a/www/css/core.css
+++ b/www/css/core.css
@@ -953,8 +953,9 @@ article.ebook #more-ebooks img{
 	height: 200px;
 	border-radius: .25rem;
 	border: 1px solid var(--border);
-	transition: all .2s ease;
+	transition: transform .2s ease;
 	box-sizing: border-box;
+	width: auto;
 }
 
 article.ebook #more-ebooks img:hover{
diff --git a/www/ebooks/ebook.php b/www/ebooks/ebook.php
index 9989aa24..8c1c8208 100644
--- a/www/ebooks/ebook.php
+++ b/www/ebooks/ebook.php
@@ -280,7 +280,7 @@ catch(\Exception $ex){
 						<picture>
 							<? if($carouselEbook->CoverImage2xAvifUrl !== null){ ?><source srcset="<?= $carouselEbook->CoverImage2xAvifUrl ?> 2x, <?= $carouselEbook->CoverImageAvifUrl ?> 1x" type="image/avif"/><? } ?>
 							<source srcset="<?= $carouselEbook->CoverImage2xUrl ?> 2x, <?= $carouselEbook->CoverImageUrl ?> 1x" type="image/jpg"/>
-							<img src="<?= $carouselEbook->CoverImageUrl ?>" alt="The cover for the Standard Ebooks edition of <?= Formatter::ToPlainText(strip_tags($carouselEbook->TitleWithCreditsHtml)) ?>"/>
+							<img src="<?= $carouselEbook->CoverImageUrl ?>" alt="The cover for the Standard Ebooks edition of <?= Formatter::ToPlainText(strip_tags($carouselEbook->TitleWithCreditsHtml)) ?>" height="200" width="134"/>
 						</picture>
 					</a>
 				</li>