Add expand/collapse icons, tweak sidebar style

1 files changed, 14 insertions, 9 deletions

diff --git a/_layouts/default.html b/_layouts/default.html
index 71ba56d..84550d5 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -47,22 +47,27 @@ sidebar_cats:
 
       <div id="content" class="site">
         <div id="guides">
-          <div class="guide wikistyle">
+          <div class="guide">
             <div class="main">
               <h1>{{ page.title }}</h1>
 
-              {{ content }}
+              <div class="wikistyle">
+                {{ content }}
+              </div>
             </div>
 
             <div class="sidebar">
+              <ul>
               {% for cat in (page.sidebar_cats) %}
-                <h3 id="{{cat}}">{{ cat | capitalize }}</h3>
-                <dl id="{{cat}}">
-                  {% for post in site.posts reversed %}{% if post.categories contains cat %}
-                    <dt><a href="{{ post.url }}">{{ post.title }}</a></dt>
-                    <dd>{{ post.description }}</dd>
-                  {% endif %}{% endfor %}
-                </dl>
+                <li id="{{cat}}">
+                  <h3>{{ cat | capitalize }}</h3>
+                  <dl id="{{cat}}">
+                    {% for post in site.posts reversed %}{% if post.categories contains cat %}
+                      <dt><a href="{{ post.url }}">{{ post.title }}</a></dt>
+                      <dd>{{ post.description }}</dd>
+                    {% endif %}{% endfor %}
+                  </dl>
+                </li>
               {% endfor %}
 
             </div>