From cf6e9cfe8cc2f562e38743d4cd01e99aecf08ccc Mon Sep 17 00:00:00 2001 From: Richard Hartmann Date: Thu, 8 Jul 2021 12:18:07 +0200 Subject: [PATCH] Fix NOTE block rendering (#1987) Fixes: https://github.com/prometheus/docs/issues/1986 Signed-off-by: Richard Hartmann --- content/css/docs.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/content/css/docs.css b/content/css/docs.css index 3df0438d..be18b488 100644 --- a/content/css/docs.css +++ b/content/css/docs.css @@ -342,11 +342,18 @@ footer { font-size: 16px; } -.doc-content p, .doc-content.ul, .doc-content .alert { +.doc-content p, .doc-content.ul { margin: 15px 0 15px 0; line-height: 1.5; } +.doc-content .alert { + margin: 15px 0 15px 0; + line-height: 1.5; + /* This is to prevent NOTE/admonition alert boxes from overlapping the table of contents at the top of a docs page. */ + display: inline-block; width: 100%; +} + .doc-content > h1 { color: #e6522c; font-size: 30px;