Fixed comment paragraph and column styling

* comment paragraphs were neither separated nor justified
* columns on archive page were incororrectly split inside their content in Chromium
** i.e. added "column-break-inside: avoid" property

1 files changed, 4 insertions, 2 deletions

diff --git a/source/99_result/main.css b/source/99_result/main.css
index e9a6473..6f68e61 100644
--- a/source/99_result/main.css
+++ b/source/99_result/main.css
@@ -15,12 +15,12 @@ pre{padding:1em;border-radius:.75em;color:#f8f8f2;background:#272822;white-space
 #main{overflow:hidden}
 #main .article{border-bottom:.3em dotted #e3e8e8;padding-bottom:.5em;margin-top:1em;text-align:justify}
 #main .last{border:0}
+#main p{margin-bottom:.7em}
 #main h2{font-size:1.4em;margin:0;color:#F80}
 #main h2 a{font-size:.8em;text-decoration:none !important;color:#272828;font-weight:normal;display:inline-block;vertical-align:middle;max-width:95%}
 #main h2 a:hover{text-decoration:underline !important}
 #main h3{font-size:1.05em;font-weight:normal;margin-bottom:.5em;border-bottom:.1em solid #e3e8e8}
 #main h4{font-weight:normal;font-size:1.25em;margin:0}
-#main .article p{margin-bottom:.7em}
 #main .article a{text-decoration:underline;color:#272828}
 #main .article a:hover{color:black}
 #main .article ul{float:none;margin-left:2em;text-align:left}
@@ -60,7 +60,7 @@ pre{padding:1em;border-radius:.75em;color:#f8f8f2;background:#272822;white-space
 #isso-root a{text-decoration:underline;color:#272828}
 #isso-root a:hover{color:black}
 #isso-root .isso-follow-up{margin-left:2em;padding-top:.5em}
-#isso-root .isso-comment{border-top:.3em solid #e3e8e8;margin-bottom:.5em}
+#isso-root .isso-comment{border-top:.3em solid #e3e8e8;margin-bottom:.5em;text-align:justify}
 #isso-root .isso-comment-header{font-size:.75em;padding:.3em 0 .3em 0}
 #isso-root .isso-comment-header .spacer{visibility:hidden}
 #isso-root .isso-comment-header a{text-decoration:none;margin:0 .1em 0 .1em}
@@ -71,6 +71,7 @@ pre{padding:1em;border-radius:.75em;color:#f8f8f2;background:#272822;white-space
 .columns{column-count:2;-moz-column-count:2;-webkit-column-count:2;column-gap:0;-moz-column-gap:0;-webkit-column-gap:0}
 .columns a{color:#272828;text-decoration:none}
 .columns a:hover{text-decoration:underline}
+.column {-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid}
 .taglist ul{padding:.2em;float:none;overflow:hidden}
 .taglist ul li{margin:.2em 0 .2em 0;padding:.2em}
 .articlelist ol{margin:0;padding:.3em;list-style:none}
@@ -84,6 +85,7 @@ pre{padding:1em;border-radius:.75em;color:#f8f8f2;background:#272822;white-space
 .archivtag div{overflow:hidden;margin-bottom:.5em}
 .prettylist li{float:none;display:inline-block}
 .prettylist li a{background:0}
+.prettylist li p{margin:0 !important}
 .prettylist li em{font-style:normal;font-size:1.4em;color:#F80}
 .commentlist ol{margin-top:.2em;border-top:.1em solid #e3e8e8}
 .commentlist ol li{background:0;font-size:.8em}