From 80d711f75f41269482bbe9a828206cb597147038 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Thu, 7 Dec 2023 11:42:01 +0200
Subject: [PATCH] fix img gallery height, youtube embed 100% width on mobile

---
 packages/app/src/Element/Embed/HyperText.tsx | 2 +-
 packages/app/src/Element/Text.css            | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/app/src/Element/Embed/HyperText.tsx b/packages/app/src/Element/Embed/HyperText.tsx
index bbe4a67b..a79afe33 100644
--- a/packages/app/src/Element/Embed/HyperText.tsx
+++ b/packages/app/src/Element/Embed/HyperText.tsx
@@ -46,7 +46,7 @@ export default function HyperText({ link, depth, showLinkPreview, children }: Hy
     if (youtubeId) {
       return (
         <iframe
-          className="w-max"
+          className="-mx-4 md:mx-0 w-max"
           src={`https://www.youtube.com/embed/${youtubeId}`}
           title="YouTube video player"
           key={youtubeId}
diff --git a/packages/app/src/Element/Text.css b/packages/app/src/Element/Text.css
index 662dd225..4b19a91e 100644
--- a/packages/app/src/Element/Text.css
+++ b/packages/app/src/Element/Text.css
@@ -48,6 +48,10 @@
   margin: 0;
 }
 
+.gallery-item div {
+  height: 100%;
+}
+
 .gallery-item img {
   object-fit: cover;
   width: 100%;