started textbook nav styles

lms/static/sass/course/_textbook.scss

@@ -9,6 +9,12 @@ div.book-wrapper {
     ul#booknav {
       font-size: em(14);
 
+      .page-number {
+        float: right;
+        font-size: .8em;
+        color: #9a9a9a;
+      }
+
       li {
         background: none;
         border-bottom: 0;

lms/static/sass/multicourse/_jobs.scss

@@ -135,6 +135,18 @@
           font-weight: 700;
           margin-bottom: 15px;
         }
+
+        ul {
+          padding-left: 50px;
+        }
+
+        li {
+          font-family: $serif;
+          font-size: 1em;
+          line-height: 1.6em;
+          color: #3c3c3c;
+          margin-bottom: 0.2em;
+        }
       }
     }
   }

lms/templates/staticbook.html

@@ -75,7 +75,11 @@ $("#open_close_accordion a").click(function(){
           <%def name="print_entry(entry)">
               <li>
                   <a href="javascript:goto_page(${entry.get('page')})">
-                      ${' '.join(entry.get(attribute, '') for attribute in ['chapter', 'name', 'page_label'])}
+                      <!--${' '.join(entry.get(attribute, '') for attribute in ['chapter', 'name', 'page_label'])}-->
+                      %if entry.get('chapter'):
+                        <span class="chapter-number">${entry.get('chapter')}</span> 
+                      %endif
+                      <span class="chapter-name">${entry.get('name')}</span> <span class="page-number">${entry.get('page_label')}</span>
                   </a>
                   % if len(entry) > 0:
                       <ul>