From 8103ae30df58a29cb57be13b77f0137990fd9fe2 Mon Sep 17 00:00:00 2001
From: cubicroot <cccv@cubicroot.xyz>
Date: Sun, 8 Dec 2024 16:55:06 +0000
Subject: [PATCH] 38c3 Design: bessere Lesbarkeit von Markdown-Elementen

---
 src/plainui/jinja2/plainui/index.html.j2     |  2 +-
 src/plainui/styles/components/_markdown.scss | 20 ++++++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/plainui/jinja2/plainui/index.html.j2 b/src/plainui/jinja2/plainui/index.html.j2
index e50510cbe..60f69b317 100644
--- a/src/plainui/jinja2/plainui/index.html.j2
+++ b/src/plainui/jinja2/plainui/index.html.j2
@@ -30,7 +30,7 @@
     {% endif %}
 
     <div class="hub-row">
-      <div class="hub-col-remaining">
+      <div class="hub-col-remaining hub-markdown">
         <div class="hub-card">{{ start_body }}</div>
       </div>
 
diff --git a/src/plainui/styles/components/_markdown.scss b/src/plainui/styles/components/_markdown.scss
index 018979c5e..3eec9a535 100644
--- a/src/plainui/styles/components/_markdown.scss
+++ b/src/plainui/styles/components/_markdown.scss
@@ -15,6 +15,14 @@
     }
   }
 
+  p {
+    margin-top: $spacer;
+
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
   h1,
   h2,
   h3,
@@ -67,4 +75,16 @@
       content: "@";
     }
   }
+
+  pre {
+    padding: $spacer * 0.5;
+    padding-left: $spacer;
+
+    margin-left: $spacer;
+    margin-right: $spacer;
+    margin-bottom: $spacer;
+
+    background: $body-bg-dark;
+    border-left: 0.2rem solid $secondary;
+  }
 }
-- 
GitLab