From 9af89e6ccfc32b54d643dc308f0c3a9e32eb1129 Mon Sep 17 00:00:00 2001
From: Alexander Klimov <Alexander.Klimov@netways.de>
Date: Wed, 23 Jul 2014 11:28:45 +0200
Subject: [PATCH] doc module: style h[1-6], table and code

Headers have different sizes
Tables have borders
Table headers are left-aligned
Codes are displayed inline (except inside pre) and have scrollbars if necessary

refs #6484
fixes #6632
---
 .../views/scripts/icingaweb/chapter.phtml     |  2 ++
 .../views/scripts/module/chapter.phtml        |  2 ++
 modules/doc/public/css/module.less            | 36 +++++++++++++++----
 3 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/modules/doc/application/views/scripts/icingaweb/chapter.phtml b/modules/doc/application/views/scripts/icingaweb/chapter.phtml
index 328d0bebe..2ab744ebd 100644
--- a/modules/doc/application/views/scripts/icingaweb/chapter.phtml
+++ b/modules/doc/application/views/scripts/icingaweb/chapter.phtml
@@ -2,6 +2,7 @@
 $urlHelper = $this->getHelper('Url');
 $view = $this;
 ?>
+<div class="chapter">
 <?= preg_replace_callback(
     '/<a\s+(?P<attribs>[^>]*?\s+)?href="#(?P<fragment>[^"]+)"/im',
     function($match) use ($toc, $urlHelper, $view) {
@@ -36,3 +37,4 @@ $view = $this;
     },
     $chapterHtml
 ); ?>
+</div>
diff --git a/modules/doc/application/views/scripts/module/chapter.phtml b/modules/doc/application/views/scripts/module/chapter.phtml
index 59a6ecb33..3a809209f 100644
--- a/modules/doc/application/views/scripts/module/chapter.phtml
+++ b/modules/doc/application/views/scripts/module/chapter.phtml
@@ -2,6 +2,7 @@
 $urlHelper = $this->getHelper('Url');
 $view = $this;
 ?>
+<div class="chapter">
 <?= preg_replace_callback(
     '/<a\s+(?P<attribs>[^>]*?\s+)?href="#(?P<fragment>[^"]+)"/im',
     function($match) use ($toc, $moduleName, $urlHelper, $view) {
@@ -36,3 +37,4 @@ $view = $this;
     },
     $chapterHtml
 ); ?>
+</div>
diff --git a/modules/doc/public/css/module.less b/modules/doc/public/css/module.less
index 45d97e5c6..52fff5c32 100644
--- a/modules/doc/public/css/module.less
+++ b/modules/doc/public/css/module.less
@@ -1,9 +1,33 @@
-.toc {
-  float: left;
-  width: 33.333%
+// W3C Recommendation <http://www.w3.org/TR/CSS21/sample.html> (except h4)
+h1 { font-size:    2em !important; }
+h2 { font-size:  1.5em !important; }
+h3 { font-size: 1.17em !important; }
+h4 { font-size:    1em !important; }
+h5 { font-size:  .83em !important; }
+h6 { font-size:  .75em !important; }
+
+div.chapter {
+  padding-left: 5px;
 }
 
-.doc {
-  float: left;
-  width: 66.667%
+table th {
+  text-align: left;
+}
+
+table th,
+table td {
+  border: solid 1px lightgray;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+code {
+  width: 100%;
+  overflow-x: auto;
+  padding: 0.2em;
+  display: inline;
+}
+
+pre > code {
+  display: inline-block;
 }