html: avoid horizontal overflows, break-word and limit image width

[pve-docs.git] / asciidoc / pve-html.conf

diff --git a/asciidoc/pve-html.conf b/asciidoc/pve-html.conf
index ba1a7d0a025e0222e65e49366d7816813af76e4c..c64d2c45d8d56a13b5fb62536eb29833c5e3fdbb 100644 (file)
--- a/asciidoc/pve-html.conf
+++ b/asciidoc/pve-html.conf
@@ -590,8 +590,9 @@ ifdef::toc2[]
 div #toc {
     width: 19em;
     font-family: sans;
+    border-right: 3px solid gainsboro;
 }
-.book {
+.book, .article {
     margin-left: 22em
 }
 div #toc a:link, div #toc a:visited {
@@ -605,11 +606,19 @@ div .toclevel1 {
     font-size: 1.1em;
     margin-bottom: 0.3em;
 }
+
+.monospaced, code, pre {
+    overflow-wrap: break-word;
+}
+img {
+    max-width: 100%;
+}
+
 @media only screen and (min-width: 85em) {
 div #toc {
     width: 22em
 }
-.book {
+.book, .article {
     margin-left: 25em
 }
 div .toclevel1 {