From f674a6c0c2ff05246b255783f0a193f4b7faa67d Mon Sep 17 00:00:00 2001
From: Alex Cabal <alex@alexcabal.com>
Date: Sun, 6 Jun 2021 21:40:17 -0500
Subject: [PATCH] Add height and width to ebook hero images and grid

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

diff --git a/templates/EbookGrid.php b/templates/EbookGrid.php
index c8bb14ca..542eb13b 100644
--- a/templates/EbookGrid.php
+++ b/templates/EbookGrid.php
@@ -25,7 +25,7 @@ if(!isset($ebooks)){
 			<picture>
 				<? if($ebook->CoverImage2xAvifUrl !== null){ ?><source srcset="<?= $ebook->CoverImage2xAvifUrl ?> 2x, <?= $ebook->CoverImageAvifUrl ?> 1x" type="image/avif"/><? } ?>
 				<source srcset="<?= $ebook->CoverImage2xUrl ?> 2x, <?= $ebook->CoverImageUrl ?> 1x" type="image/jpg"/>
-				<img src="<?= $ebook->CoverImage2xUrl ?>" title="<?= Formatter::ToPlainText($ebook->Title) ?>" alt="The cover for the Standard Ebooks edition of <?= Formatter::ToPlainText(strip_tags($ebook->TitleWithCreditsHtml)) ?>" property="schema:image"/>
+				<img src="<?= $ebook->CoverImage2xUrl ?>" title="<?= Formatter::ToPlainText($ebook->Title) ?>" alt="The cover for the Standard Ebooks edition of <?= Formatter::ToPlainText(strip_tags($ebook->TitleWithCreditsHtml)) ?>" property="schema:image" height="365" width="224"/>
 			</picture>
 		</a>
 		<p><a href="<?= $ebook->Url ?>" property="schema:url"><span property="schema:name"><?= Formatter::ToPlainText($ebook->Title) ?></span></a></p>
diff --git a/www/css/core.css b/www/css/core.css
index 264124e8..7705a19f 100644
--- a/www/css/core.css
+++ b/www/css/core.css
@@ -1295,6 +1295,7 @@ main.ebooks > ol > li p{
 main.ebooks > ol > li img{
 	box-sizing: border-box;
 	max-width: 100%;
+	height: auto;
 	border: 1px solid var(--border);
 	border-radius: .25rem;
 }
diff --git a/www/ebooks/ebook.php b/www/ebooks/ebook.php
index 8c1c8208..68b6bf4a 100644
--- a/www/ebooks/ebook.php
+++ b/www/ebooks/ebook.php
@@ -106,7 +106,7 @@ catch(\Exception $ex){
 			<picture>
 				<? if($ebook->HeroImage2xAvifUrl !== null){ ?><source srcset="<?= $ebook->HeroImage2xAvifUrl ?> 2x, <?= $ebook->HeroImageAvifUrl ?> 1x" type="image/avif"/><? } ?>
 				<source srcset="<?= $ebook->HeroImage2xUrl ?> 2x, <?= $ebook->HeroImageUrl ?> 1x" type="image/jpg"/>
-				<img src="<?= $ebook->HeroImage2xUrl ?>" role="presentation" alt=""/>
+				<img src="<?= $ebook->HeroImage2xUrl ?>" role="presentation" alt="" height="439" width="1318" />
 			</picture>
 		</header>