From e24c33c7aadb182bc19ea12af077067f5f22287e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Weber?= <mail@soeren-weber.de>
Date: Mon, 7 Nov 2022 20:55:38 +0100
Subject: [PATCH] theme: reserve space for anchor icon to avoid overflow-y #364

---
 static/css/ie.css    | 4 ++++
 static/css/theme.css | 5 +++++
 2 files changed, 9 insertions(+)

diff --git a/static/css/ie.css b/static/css/ie.css
index e36accc860..11d923f13b 100644
--- a/static/css/ie.css
+++ b/static/css/ie.css
@@ -136,6 +136,10 @@
 		font-family: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; /* var(--MAIN-TITLES-TEXT-font) */
 	}
 
+	h2, h3, h4, h5, h6 {
+		padding-right: 2rem;
+	}
+
 	div.box {
 		background-color: rgba( 128, 128, 128, 1 ); /* var(--INTERNAL-BOX-NEUTRAL-color) */
 	}
diff --git a/static/css/theme.css b/static/css/theme.css
index 6208f83b7d..67da36bec5 100644
--- a/static/css/theme.css
+++ b/static/css/theme.css
@@ -407,6 +407,11 @@ h2, h3, .article-subheading, h4, h5, h6 {
     text-rendering: optimizeLegibility;
 }
 
+h2, h3, h4, h5, h6 {
+    /* leave space for anchor to avoid overflow */
+    padding-inline-end: 2rem;
+}
+
 blockquote {
     border-inline-start: 10px solid rgba( 134, 134, 134, .4 );
 }