From e87e5cb47c94815b6522ebf3b7caaec6e338838e Mon Sep 17 00:00:00 2001
From: "Timothy J. Warren" <tim@timshomepage.net>
Date: Tue, 21 Feb 2017 12:24:34 -0500
Subject: [PATCH] Make sure anime detail pages don't distort images

---
 app/views/anime/details.php | 2 +-
 public/css/base.css         | 6 +++++-
 public/css/base.myth.css    | 4 ++++
 public/css/marx.myth.css    | 2 +-
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/views/anime/details.php b/app/views/anime/details.php
index 389d060c..9d14e390 100644
--- a/app/views/anime/details.php
+++ b/app/views/anime/details.php
@@ -1,7 +1,7 @@
 <main class="details">
 	<section class="flex flex-no-wrap">
 		<div>
-			<img class="cover" src="<?= $data['cover_image'] ?>" alt="" />
+			<img class="cover" width="402" height="284" src="<?= $data['cover_image'] ?>" alt="" />
 			<br />
 			<br />
 			<table class="media_details">
diff --git a/public/css/base.css b/public/css/base.css
index 89b3c380..fe404c9e 100644
--- a/public/css/base.css
+++ b/public/css/base.css
@@ -371,7 +371,7 @@ hr
 img
 {
 	height:auto;
-	max-width:100%;
+	/* max-width:100%; */
 	vertical-align:baseline;
 }
 
@@ -1035,6 +1035,10 @@ a:hover, a:active {
 	margin:0.25em 0.125em;
 }
 
+.media > img {
+	width: 100%;
+}
+
 .media .edit_buttons > button {
 	margin:0.5em auto;
 }
diff --git a/public/css/base.myth.css b/public/css/base.myth.css
index 24285199..1179e421 100644
--- a/public/css/base.myth.css
+++ b/public/css/base.myth.css
@@ -307,6 +307,10 @@ a:hover, a:active {
 	margin: var(--normal-padding);
 }
 
+.media > img {
+	width: 100%;
+}
+
 .media .edit_buttons > button {
 	margin:0.5em auto;
 }
diff --git a/public/css/marx.myth.css b/public/css/marx.myth.css
index 79aa897c..856fbdf0 100644
--- a/public/css/marx.myth.css
+++ b/public/css/marx.myth.css
@@ -337,7 +337,7 @@ hr
 img
 {
 	height:auto;
-	max-width:100%;
+	/* max-width:100%; */
 	vertical-align:baseline;
 }