From 52e7f8d80383ea1a9ac57cc503512e410c7bf8bd Mon Sep 17 00:00:00 2001
From: tobiju <t.jueschke@googlemail.com>
Date: Sat, 29 Jul 2017 20:46:57 +0200
Subject: [PATCH] Fix toc indent with level larger 4

---
 templates/helper.php |  4 ++--
 templates/style.php  | 10 +++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/templates/helper.php b/templates/helper.php
index 4b47a96..6360875 100644
--- a/templates/helper.php
+++ b/templates/helper.php
@@ -14,13 +14,13 @@ function renderTocList(array $elements, Aura\View\View $context)
     foreach ($elements as $entry) {
         $entryObj = new Bookdown\Bookdown\Content\Heading($entry['number'], $entry['title'], $entry['href'], $entry['id']);
 
-        echo '<li class="list-group-item level-' . $entryObj->getLevel() . '">';
+        echo '<li class="list-group-item level-default level-' . $entryObj->getLevel() . '">';
         echo '<div class="row clearfix">';
         echo '<div class="col-sm-2">' . '<span class="text-number">' . "{$entryObj->getNumber()}" . '</span></div>';
         echo '<div class="col-sm-10">' . $context->anchorRaw($entryObj->getHref(), $entryObj->getTitle()) . '</div>';
         echo '</div>';
         if (isset($entry['nested'])) {
-            $collapseId = 'collapse-' . $entryObj->getAnchor();
+            $collapseId = 'collapse-' . str_replace('.','-', trim($entryObj->getNumber(),'.'));
             echo '<a class="bbt-toc-toggle badge glyphicon collapsed" href="#' . $collapseId . '" data-toggle="collapse" aria-expanded="false" aria-controls="' . $collapseId . '"></a>';
             echo '<ul class="list-group list-toc-nested collapse" id="' . $collapseId . '">';
             renderTocList($entry['nested'], $context);
diff --git a/templates/style.php b/templates/style.php
index 8a29da6..02c1ba3 100644
--- a/templates/style.php
+++ b/templates/style.php
@@ -174,7 +174,15 @@
         font-weight: bold;
         padding: 0;
     }
-    
+
+    .list-toc .list-group-item.level-default {
+        padding-left: 60px;
+    }
+
+    .list-toc .list-group-item.level-1 {
+        padding-left: 0;
+    }
+
     .list-toc .list-group-item.level-2 {
         padding-left: 20px;
     }