diff --git a/src/templates/components/ManualCard.svelte b/src/templates/components/ManualCard.svelte
index 426592a9..81f023b2 100644
--- a/src/templates/components/ManualCard.svelte
+++ b/src/templates/components/ManualCard.svelte
@@ -69,7 +69,9 @@
picture,
img {
display: block;
- width: 100%;
+ width: auto;
+ max-width: 100%;
+ max-height: 150px;
}
h2 {
@@ -115,7 +117,6 @@
@media (min-width: 740px) {
a.card {
- max-width: 25%;
padding: 12px 10px;
display: block;
margin: 0px;
@@ -142,6 +143,11 @@
.media {
width: calc(66.67% - 10px);
margin-right: 10px;
+
+ picture,
+ img {
+ max-height: 100%;
+ }
}
.text {
diff --git a/src/templates/components/ToneLogo.svelte b/src/templates/components/ToneLogo.svelte
index ab94cf95..33cd833e 100644
--- a/src/templates/components/ToneLogo.svelte
+++ b/src/templates/components/ToneLogo.svelte
@@ -35,8 +35,10 @@
};
-{#if toneLogoMapping[tone]}
-