update styling of pdfs to be more like textbooks

lms/templates/static_pdfbook.html

@@ -41,17 +41,20 @@
   </script>  
 </%block>
 
+<% use_nav_images = False %>
+
 <%include file="/courseware/course_navigation.html" args="active_page='pdftextbook/{0}'.format(book_index)" />
 
 
     <div id="outerContainer">
-      <div id="mainContainer">
+      <div id="mainContainer" class="book-wrapper">
 
         <div class="toolbar">
           <div id="toolbarContainer">
             <div id="toolbarViewer">
               <div id="toolbarViewerLeft">
                 <div class="splitToolbarButton">
+%if use_nav_images != True:
                   <button class="toolbarButton pageUp" title="Previous Page" id="previous" tabindex="5">
                     <span>Previous</span>
                   </button>
@@ -59,6 +62,7 @@
                   <button class="toolbarButton pageDown" title="Next Page" id="next" tabindex="6">
                     <span>Next</span>
                   </button>
+%endif
                 </div>
                 <label id="pageNumberLabel" class="toolbarLabel" for="pageNumber">Page: </label>
                 <input type="number" id="pageNumber" class="toolbarField pageNumber" value="1" size="4" min="1" tabindex="7">
@@ -103,13 +107,13 @@
 %if 'chapters' in textbook:
     <section aria-label="Textbook Navigation" class="book-sidebar">
 
-      <div id="pdfbooknav" class="treeview-booknav">
+      <ul id="booknav" class="treeview-booknav">
           <%def name="print_entry(entry, index_value)">
-              <div id="pdfchapter-${index_value}">
-                <span class="chapter">
+              <li id="pdfchapter-${index_value}">
+                <a class="chapter">
                   ${entry.get('title')}
-                </span>
-              </div>
+                </a>
+              </li>
           </%def>
 
           <% index = 0 %>
@@ -117,11 +121,23 @@
             <% index += 1 %>
             ${print_entry(entry, index)}
           % endfor
-      </div>
+      </ul>
     </section>
 %endif
 
-        <div id="viewerContainer">
+        <section id="viewerContainer" class="book">
+%if use_nav_images:
+          <nav>
+            <ul>
+              <li class="last">
+                <a id="previous">Previous page</a>
+              </li>
+              <li class="next">
+                <a id="next">Next page</a>
+              </li>
+            </ul>
+          </nav>
+%endif
           <div id="viewer" contextmenu="viewerContextMenu"></div>
         </div>