From 68d931df825fcf899a6e553fbf294489221fe5ba Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Thu, 26 Jun 2025 14:26:36 -0400 Subject: [PATCH] style: align embeds with text content horizontal margins MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Add left/right margins of 2.25rem to match text block padding - Ensure YouTube videos, link cards, and other embeds align with text - Add responsive margins (2rem) for mobile viewports - Fixes issue where embeds were too wide compared to text content 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- src/lib/components/edra/editor.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/lib/components/edra/editor.css b/src/lib/components/edra/editor.css index a6aea26..80ae43c 100644 --- a/src/lib/components/edra/editor.css +++ b/src/lib/components/edra/editor.css @@ -582,6 +582,8 @@ input[type='checkbox'] { .tiptap .node-audio, .tiptap .node-geolocation { margin-bottom: 1rem; + margin-left: 2.25rem; + margin-right: 2.25rem; } /* YouTube embeds within urlEmbed */ @@ -599,3 +601,16 @@ input[type='checkbox'] { .tiptap .edra-youtube-embed-wrapper + * { margin-top: 0; } + +@media (max-width: 768px) { + .tiptap .node-urlEmbed, + .tiptap .node-iframe, + .tiptap .node-video, + .tiptap .node-image, + .tiptap .node-gallery, + .tiptap .node-audio, + .tiptap .node-geolocation { + margin-left: 2rem; + margin-right: 2rem; + } +}