3 files changed, 24 insertions, 15 deletions
diff --git a/theme/templates/includes/book/progress.html b/theme/templates/includes/book/progress.html
index 176c95f..176c95f 100644..100755
--- a/theme/templates/includes/book/progress.html
+++ b/theme/templates/includes/book/progress.html
diff --git a/theme/templates/includes/book/quiz.html b/theme/templates/includes/book/quiz.html
index 939d5c0..c315a16 100644
--- a/theme/templates/includes/book/quiz.html
+++ b/theme/templates/includes/book/quiz.html
@@ -6,22 +6,31 @@
     {% autoescape false %}{{ section.content }}{% endautoescape %}
 </div>
 
+
 {% for quiz in section.quiz %}
-<div class="quiz">
-    {% autoescape false %}{{ quiz.base }}{% endautoescape %}
+<div class="question">
+    <div class="question-header">Question {{ loop.index }} of {{ section.quiz.length }}</div>
 
-    <div class="alert alert-success hidden">
-        <b>Correct!</b>
-    </div>
+    <div class="question-content">
+        <div class="alert alert-success hidden">
+            <b>Correct!</b>
+        </div>
+
+        <div class="alert alert-danger error-message hidden">
+            <p><b>Not quite!</b></p>
+            {% autoescape false %}{{ quiz.feedback }}{% endautoescape %}
+        </div>
 
-    <div class="alert alert-danger error-message hidden">
-        <p><b>Not quite!</b></p>
-        {% autoescape false %}{{ quiz.feedback }}{% endautoescape %}
+        <div class="question-inner">
+        {% autoescape false %}{{ quiz.base }}{% endautoescape %}
+        </div>
     </div>
-</div>
 
-<div class="hidden quiz-answers">
-    {% autoescape false %}{{ quiz.solution }}{% endautoescape %}
+    <div class="hidden question-answers">
+        <div class="question-inner">
+        {% autoescape false %}{{ quiz.solution }}{% endautoescape %}
+        </div>
+    </div>
 </div>
 {% endfor %}
 
diff --git a/theme/templates/includes/book/summary.html b/theme/templates/includes/book/summary.html
index cbed38c..638ec15 100644
--- a/theme/templates/includes/book/summary.html
+++ b/theme/templates/includes/book/summary.html
@@ -22,10 +22,10 @@
             <li {% if item._path == _input %}class="active"{% endif %} data-level="{{ item.level }}" {% if item.path %}data-path="{{ item.path|mdLink }}"{% endif %}>
                 {% if item.path %}
                 <a href="{{ basePath }}/{{ item.path|mdLink }}">
-                    <i class="fa fa-check"></i> <b>{{ item.level }})</b> {{ item.title }}
+                    <i class="fa fa-check"></i> <b>{{ item.level }}.</b> {{ item.title }}
                 </a>
                 {% else %}
-                <span><b>{{ item.level }})</b> {{ item.title }}</span>
+                <span><b>{{ item.level }}.</b> {{ item.title }}</span>
                 {% endif %}
                 {% if item.articles.length > 0 %}
                 <ul class="articles">
@@ -33,10 +33,10 @@
                         <li {% if article._path == _input %}class="active"{% endif %} data-level="{{ article.level }}" {% if article.path %}data-path="{{ article.path|mdLink }}"{% endif %}>
                             {% if article.path %}
                             <a href="{{ basePath }}/{{ article.path|mdLink }}">
-                                <i class="fa fa-check"></i> <b>{{ article.level }})</b> {{ article.title }}
+                                <i class="fa fa-check"></i> <b>{{ article.level }}.</b> {{ article.title }}
                             </a>
                             {% else %}
-                            <span><b>{{ article.level }})</b> {{ article.title }}</span>
+                            <span><b>{{ article.level }}.</b> {{ article.title }}</span>
                             {% endif %}
                         </li>
                     {% endfor %}