From 00bcd8c992f72d3f59f897e1d140c3c92d7c4966 Mon Sep 17 00:00:00 2001
From: k00b <k00b@stacker.news>
Date: Wed, 2 Oct 2024 21:22:21 -0500
Subject: [PATCH] fix #1451

---
 components/item-full.js    | 12 ++++++++++--
 components/text.module.css |  2 +-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/components/item-full.js b/components/item-full.js
index ba167931..5a148ea3 100644
--- a/components/item-full.js
+++ b/components/item-full.js
@@ -53,13 +53,21 @@ function BioItem ({ item, handleClick }) {
 function ItemEmbed ({ url, imgproxyUrls }) {
   const provider = parseEmbedUrl(url)
   if (provider) {
-    return <Embed src={url} {...provider} topLevel />
+    return (
+      <div className='mt-3'>
+        <Embed src={url} {...provider} topLevel />
+      </div>
+    )
   }
 
   if (imgproxyUrls) {
     const src = IMGPROXY_URL_REGEXP.test(url) ? decodeProxyUrl(url) : url
     const srcSet = imgproxyUrls?.[url]
-    return <MediaOrLink src={src} srcSet={srcSet} topLevel linkFallback={false} />
+    return (
+      <div className='mt-3'>
+        <MediaOrLink src={src} srcSet={srcSet} topLevel linkFallback={false} />
+      </div>
+    )
   }
 
   return null
diff --git a/components/text.module.css b/components/text.module.css
index 539d9fc6..ff99b8a9 100644
--- a/components/text.module.css
+++ b/components/text.module.css
@@ -216,13 +216,13 @@
     width: auto;
     max-height: inherit;
     height: 100%;
+    max-width: 100%;
     aspect-ratio: var(--aspect-ratio);
 }
 
 .mediaContainer img {
     cursor: zoom-in;
     min-width: 30%;
-    max-width: 100%;
     object-position: left top;
 }