From c9aeda2fabea0cf5261e11600d030a6f453094b1 Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Thu, 26 Jun 2025 13:56:38 -0400 Subject: [PATCH] style: reduce editor block padding from 3rem to 2.25rem MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Update padding for paragraphs, headings, blockquotes, lists, tables, and code blocks - Change from 48px (3rem) to 36px (2.25rem) for better content density - Maintains responsive behavior with existing media queries 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude --- src/lib/components/edra/editor.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/src/lib/components/edra/editor.css b/src/lib/components/edra/editor.css index cc01d62..e0fb323 100644 --- a/src/lib/components/edra/editor.css +++ b/src/lib/components/edra/editor.css @@ -12,8 +12,8 @@ margin-top: 0; margin-bottom: 1rem; line-height: 1.6; - padding-left: 3rem; - padding-right: 3rem; + padding-left: 2.25rem; + padding-right: 2.25rem; } .tiptap p:last-child { @@ -47,8 +47,8 @@ margin-top: 1.5rem; margin-bottom: 0.75rem; text-wrap: pretty; - padding-left: 3rem; - padding-right: 3rem; + padding-left: 2.25rem; + padding-right: 2.25rem; } .tiptap h1, @@ -102,7 +102,7 @@ border-left: 0.5rem solid var(--blockquote-border); border-radius: 0.5rem; background-color: var(--code-bg); - margin: 1rem 3rem; + margin: 1rem 2.25rem; padding: 0.5rem 1rem; } @@ -126,7 +126,7 @@ .tiptap hr { border: none; border-top: 1px solid var(--border-color); - margin: 1rem 3rem; + margin: 1rem 2.25rem; } @media (max-width: 768px) { @@ -150,8 +150,8 @@ .tiptap ol { margin-top: 0; margin-bottom: 1rem; - margin-left: 3rem; - margin-right: 3rem; + margin-left: 2.25rem; + margin-right: 2.25rem; padding-left: 1.5rem; } @@ -355,7 +355,7 @@ input[type='checkbox'] { /* Table Styling */ .ProseMirror .tableWrapper { - margin: 0 3rem 1rem 3rem; + margin: 0 2.25rem 1rem 2.25rem; overflow: auto; padding: 1rem; } @@ -542,7 +542,7 @@ input[type='checkbox'] { padding: 1.5rem; position: relative; height: fit-content; - margin: 0 3rem 1rem 3rem; + margin: 0 2.25rem 1rem 2.25rem; } @media (max-width: 768px) {