lesson.scss: 2em left padding for lists

Example of the problem: see "Ten Things You Need To Know" from http://swcarpentry.github.io/lesson-example/
For numbered lists that have more that 9 elements 1 em padding on the left is not sufficient. The result is that "1" in numbers "10" and above is printed on top of the border of encapsulating HTML block. 2 em padding solves this problem for lists with less that 100 elements. It should be safe to safe to assume that numbered lists in Carpentries' lessons should not have more than 99 items.

diff --git a/assets/css/lesson.scss b/assets/css/lesson.scss
index 752d7c9602fc36e2a3ccc0a4ce5c43f35aa0aee8..bcc010d0c1b0a11ce4c6ddfe5c5b273b16c228c7 100644 (file)
--- a/assets/css/lesson.scss
+++ b/assets/css/lesson.scss
@@ -133,7 +133,7 @@ div.branding {
 
 ul,
 ol {
-  padding-left: 1em;
+  padding-left: 2em;
 }
 
 span.fold-unfold {