bootstrap typography and remove extra <li>s on article_list

wiki/plugins/macros/templates/wiki/plugins/templatetags/article_list.html

 {% load wiki_macro_tags %}
 {% load url from future %}
 
-<li><a href="{% url 'wiki:get' path=parent.path article_id=parent.article.id %}">{{ parent.article.current_revision.title }}</a>
-{% with parent.children.active as children %}
-{% if parent.level < depth and children.count %}
+<li>
+  <a href="{% url 'wiki:get' path=parent.path article_id=parent.article.id %}">
+    {{ parent.article.current_revision.title }}
+    {% if not parent.article.other_read %}<i class="icon-lock"></i>{% endif %}
+  </a>
+{% if parent.article.other_read %}
+  {% with parent.children.active as children %}
+  {% if parent.level < depth and children.count %}
     <ul>
         {% for child in parent.children.active %}
-            <li>{% article_list child depth %}</li>
+            {% article_list child depth %}
         {% endfor %}
     </ul>
+  {% endif %}
+  {% endwith %}
 {% endif %}
-{% endwith %}
 </li>

wiki/static/wiki/bootstrap/less/wiki/wiki-bootstrap.less

@@ -138,11 +138,15 @@ h1#article-title {font-size: 2em; margin-top: -5px;}
 {
     font-size: @baseFontSize * 1.75;
     .page-header;
+    margin-bottom: 20px;
+    padding-bottom: 0px;
 }
 
 .wiki-article h3
 {
     font-size: @baseFontSize * 1.50;
+    margin: 15px 0 10px;
+    line-height: 30px;
 }
 
 .wiki-article h4