Show level in summary page

assets/stylesheets/book/summary.less

@@ -31,6 +31,9 @@
 
                 i.fa-check {
                     display: none;
+                    position: absolute;
+                    left: 7px;
+                    top: 14px;
                 }
 
                 &.done {
@@ -53,12 +56,18 @@
                     text-overflow: ellipsis;
                     overflow: hidden;
                     white-space: nowrap;
+                    position: relative;
+                    padding-left: 26px;
                 }
 
                 &.active > a, a:hover {
                     background: #242628;
                     text-decoration: none;
                 }
+
+                ul {
+                    padding-left: 35px;
+                }
             }
         }
 

templates/includes/book/summary.html

@@ -13,14 +13,14 @@
         {% for item in summary.chapters %}
             <li {% if item._path == _input %}class="active"{% endif %} data-level="{{ item.level }}">
                 <a href="{{ basePath }}/{{ item.path }}">
-                    <i class="fa fa-check"></i> {{ item.title }}
+                    <i class="fa fa-check"></i> <b>{{ item.level }})</b> {{ item.title }}
                 </a>
                 {% if item.articles.length > 0 %}
                 <ul class="articles">
                     {% for article in item.articles %}
                         <li {% if article._path == _input %}class="active"{% endif %} data-level="{{ article.level }}">
                             <a href="{{ basePath }}/{{ article.path }}">
-                                <i class="fa fa-check"></i> {{ article.title }}
+                                <i class="fa fa-check"></i> <b>{{ article.level }})</b> {{ article.title }}
                             </a>
                         </li>
                     {% endfor %}