Some slight improvements to the components docs page; still don't know how to get it to be full-height with independently scrolling columsn, though.

app/styles/docs/components.sass

@@ -1,30 +1,18 @@
 #docs-components-view
   color: saddlebrown
 
-.main
+  .row
-  position : relative
 
-  .left
+    .index-column, .documentation-column
-    bottom: 10em
-    left: 10em
       overflow-y: scroll
       overflow-x: hidden
-    position: fixed
+      min-height: 600px
-    top: 5em
-    white-space: nowrap
-    width: 20%
-    -webkit-overflow-scrolling: touch
 
-  .right
+      > ul
-    left: 28em
+        padding: 0px 20px 20px 20px
-    bottom: 10em
+
-    position: fixed
+  
-    overflow-y: scroll
+    .documentation-column
-    overflow-x: hidden
-    right: 10em
-    top: 5em
-    //width: 80%
-    -webkit-overflow-scrolling: touch
   
       .specialList
         list-style-type: none

app/templates/docs/components.jade

@@ -2,9 +2,9 @@ extends /templates/base
 
 
 block content
-    div.main
+  .row
-        div.left
+    .col-xs-3.index-column.nano
-            ul
+      ul.nav.nav-list.list-group.nano-content
         for component in components
           li= component.get('name')
           ul
@@ -12,12 +12,12 @@ block content
               a(href="##{component.get('name')}#{doc.name}")
                 li
                   | #{doc.name}
-
+    .col-xs-9.documentation-column.nano
-        div.right
+      ul.nano-content
-            ul
         for component in components
           each doc in component.attributes.propertyDocumentation
             li(id="#{component.get('name')}#{doc.name}")
               | #{doc.name}
               ul.specialList
                 li=doc.description
+