From 9701f6b1cd0bdcad9126674858881a7387d83dd2 Mon Sep 17 00:00:00 2001 From: Roy Hyunjin Han Date: Wed, 26 Jul 2017 15:41:32 -0400 Subject: [PATCH 1/2] Revert 533aea11fdcb3a358add0ae4cbe41c97dac2cf2c The extra padding causes the first line of each markdown rendered code block to be indented, but does not indent the rest of the code block, resulting in a jagged left edge. Removing this bit of CSS restores a flat left edge. You can verify this by trying to render the following: abc def ghi --- notebook/static/notebook/less/renderedhtml.less | 1 - 1 file changed, 1 deletion(-) diff --git a/notebook/static/notebook/less/renderedhtml.less b/notebook/static/notebook/less/renderedhtml.less index 7a465d707..cad3b95d6 100644 --- a/notebook/static/notebook/less/renderedhtml.less +++ b/notebook/static/notebook/less/renderedhtml.less @@ -52,7 +52,6 @@ code { background-color: #eff0f1; - padding: 1px 5px; } pre code {background-color: @body-bg;} From 644a8aad8d061084c60e69701f21d28c8f2bd776 Mon Sep 17 00:00:00 2001 From: Roy Hyunjin Han Date: Thu, 27 Jul 2017 12:22:34 -0400 Subject: [PATCH 2/2] Add padding to inline code as requested by @gnestor --- notebook/static/notebook/less/renderedhtml.less | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/notebook/static/notebook/less/renderedhtml.less b/notebook/static/notebook/less/renderedhtml.less index cad3b95d6..8605e64f4 100644 --- a/notebook/static/notebook/less/renderedhtml.less +++ b/notebook/static/notebook/less/renderedhtml.less @@ -54,12 +54,16 @@ background-color: #eff0f1; } + p code { + padding: 1px 5px; + } + pre code {background-color: @body-bg;} pre, code { - border: 0; - color: @text-color; - font-size: 100%; + border: 0; + color: @text-color; + font-size: 100%; } blockquote {margin: 1em 2em;}