added css formatting

Author: DavidCooperWCU

bases/rsptx/interactives/runestone/common/css/runestone-custom-sphinx-bootstrap.css

@@ -76,6 +76,17 @@ Needed??? */
     --questionBgColor: rgb(23, 85, 93);
 }
 
+/* for assignment navigation */
+div.assignment-nav {
+    background-color: var(--componentBgColor);
+    border-style: solid;
+    border-color: var(--componentBorderColor);
+    border-width: 1px;
+    padding-bottom: 5px;
+    padding-top: 5px;
+
+}
+
 /* custom modification of basic.css for color-contrast (AA compliant) */
 td.linenos pre {
     color: #6b6b6b;

bases/rsptx/interactives/runestone/common/js/bookfuncs.js

@@ -97,33 +97,38 @@ function addReadingList() {
             path_parts.push(new_pos);
             new_pos_link = path_parts.join("/");
             fst = active.cloneNode(true);
-            let txt = document.createTextNode(`, Page ${position + 1} of ${num_readings}, `);
+            let txt = document.createElement("p");
+            txt.textContent = `Page ${position + 1} of ${num_readings}, `;
             var fst_lnk = document.createElement("a");
             //fst_lnk.className = "btn btn-lg reading-navigation prev-reading";
             fst_lnk.href = new_pos_link;
             fst_lnk.textContent = `Back to page ${
                 position
             } of ${num_readings}: ${reading_names[position-1]}.`;
+            txt.append(fst_lnk);
             fst.append(txt);
-            fst.append(fst_lnk);
+            
         } else if (position == 0){
             fst = active.cloneNode(true);
-            let txt = document.createTextNode(`, Page 1 of ${num_readings}.`);
+            let txt = document.createElement("p");
+            txt.textContent = `<br/>Page 1 of ${num_readings}.`;
             fst.append(txt);
         } else {
             new_pos = eBookConfig.readings[0];
             path_parts = cur_path_parts.slice(0, cur_path_parts.length - endLop);
             path_parts.push(new_pos);
             new_pos_link = path_parts.join("/");
             fst = active.cloneNode(true);
-            let txt = document.createTextNode(", Notice: this page is not part of the assignment. To remove this warning click ");
+            let txt = document.createElement("p");
+            txt.textContent = "Notice: this page is not part of the assignment. To remove this warning click ";
+            txt.append(exit_link);
             fst.append(txt);
-            fst.append(exit_link);
         }
         if (position == eBookConfig.readings.length - 1) {
             // no more readings
             snd = active;
-            let txt = document.createTextNode(`, Page ${num_readings} of ${num_readings}: ${reading_names[position]}`);
+            let txt = document.createElement("p");
+            txt.textContent = `Page ${num_readings} of ${num_readings}: ${reading_names[position]}`;
             snd.append(txt);
         } else if (position >= 0) {
             // get next name
@@ -138,32 +143,37 @@ function addReadingList() {
             snd_lnk.textContent = `Continue to page ${
                 position + 2
             } of ${num_readings}: ${reading_names[position+1]}`;
-            let txt = document.createTextNode(", ");
+            let txt = document.createElement("p");
+            txt.append(snd_lnk);
             snd.append(txt);
-            snd.append(snd_lnk);
+            
         } else {
             snd = active.cloneNode(true);
-            let txt = document.createTextNode(", Notice: this page is not part of the assignment. To remove this warning click ");
-            snd.append(txt);
+            let txt = document.createElement("p");
+            txt.textContent = "Notice: this page is not part of the assignment. To remove this warning click ";
             let exit_clone = exit_link.cloneNode(true);
 
             exit_clone.addEventListener('click',function(event) {
                 localStorage.removeItem("currentAssignmentInfo");
             });
-            snd.append(exit_clone);
+            txt.append(exit_clone);
+            snd.append(txt);
+            
 
         }
 
         top = document.createElement("div");
-        top.className = "runestone assigment-nav top-assignment-nav"
+        top.className = "ptx-runestone-container"
+        fst.className = "runestone assignment-nav top-assignment-nav"
         //top.style.backgroundColor = "var(--componentBgColor)"
         //top.style.borderColor = "var(--componentBorderColor)"
         //top.style.borderWidth = "1px"
         top.append(fst);
         //top.append(snd);
 
         bottom = document.createElement("div");
-        bottom.className = "runestone assigment-nav bottom-assignment-nav"
+        bottom.className = "ptx-runestone-container"
+        snd.className = "runestone assignment-nav bottom-assignment-nav"
         //bottom.style.backgroundColor = "var(--componentBgColor)"
         //bottom.style.borderColor = "var(--componentBorderColor)"
         //bottom.style.borderWidth = "1px"