Fix padding around go-further/quirk/example/etc blocks (#1368)

browserengineering · Dec 30, 2024 · 0f388e8 · 0f388e8
1 parent b2fe6c9
commit 0f388e8
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/www/book.css b/www/book.css
@@ -196,7 +196,9 @@ body.main { padding: 0 4ex; }
   .note form { display: inline; }
 }
 
-.todo, .quirk, .warning, .installation, .further, .demo, .example, .output { padding: 1em 1em 0; margin: 1em 0; }
+.todo, .quirk, .warning, .installation, .further, .demo, .example, .output {
+    padding: 1em 1em 0.5em; margin: 1em 0;
+}
 .quirk:before, .warning:before, .installation:before {
     font-weight: bold; font-family: 'Vollkorn', 'Garamond', serif;
     text-align: center;
@@ -212,8 +214,8 @@ img { max-width: 100%; }
 .installation:before { content: "Installation"; color: blue; }
 .demo { outline: 2px solid gray; }
 .demo:before { content: "Demonstration"; color: gray; }
-.further { outline: 2px solid green; padding-top: 0; }
-.further > :first-child:before { content: "Go further: "; font-weight: bold; color: green; }
+.further { outline: 2px solid green; }
+.further:before { content: "Go further"; font-weight: bold; color: green; }
 .widget { width: 100%; border: 2px solid navy; }
 .center { text-align: center }
 .example, .output { outline: 2px solid lightgray; padding: 1em }