From 367209f198ab972892e8033d6cbf617238488fa8 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julien.calixte@theodo.com>
Date: Mon, 27 Apr 2026 16:10:54 +0200
Subject: [PATCH] design: reduce padding for pre in tabs

---
 src/hooks/useMarkdown.hook.ts | 2 +-
 src/styles/app.css            | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/hooks/useMarkdown.hook.ts b/src/hooks/useMarkdown.hook.ts
index 3164b96..dba0716 100644
--- a/src/hooks/useMarkdown.hook.ts
+++ b/src/hooks/useMarkdown.hook.ts
@@ -86,7 +86,7 @@ const md = new MarkdownIt({
       const isChecked = data.isActive || (!currentTabActiveSet && data.index === 0)
       const checked = isChecked ? " checked" : ""
       const title = data.title.replace(/"/g, "&quot;")
-      return `<input type="radio" name="md-tabs-${currentTabGroup}" class="tab" aria-label="${title}"${checked}>\n<div class="tab-content bg-base-100 border-base-300 rounded-box p-6">\n`
+      return `<input type="radio" name="md-tabs-${currentTabGroup}" class="tab" aria-label="${title}"${checked}>\n<div class="tab-content bg-base-100 border-base-300 rounded-box p-2">\n`
     },
     tabCloseRender: () => "</div>\n"
   })
diff --git a/src/styles/app.css b/src/styles/app.css
index 5bac5ae..36d5c71 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -233,3 +233,8 @@ iframe {
 .todo-notes li:has(> input[type="checkbox"]) {
   list-style: none;
 }
+
+:where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+  margin-top: 0;
+  margin-bottom: 0;
+}