Small fixes to viewbox.

- Fixed additional white bar on sides caused by extra space allocated for overflow scrolling.

wiki/pages/notebook.html

@@ -166,10 +166,9 @@
 
 <!-- Notebook page display -->
 <div>
-  <div class="backdrop" id="backdrop">
-  </div>
+  <div class="backdrop" id="backdrop"> </div>
 
-  <div class="viewbox" id="viewbox" style="border: 2px solid black; overflow:scroll; background-color: #ff424bff;">
+  <div class="viewbox" id="viewbox" style="border: 2px solid black; background-color: #ff424bff;">
     <div style="background-color: #ff424bff; color: white; flex: 1; padding:5px;">
       <h1 id="task" style="text-align: center;">Task</h1>
       <p id="datetime">Time: xx:xx xx/xx/xx</p>
@@ -180,7 +179,7 @@
         <li>Data collector 3</li>
       </ul>
     </div>
-    <div style="background-color: white; color: black; flex: 2; overflow:scroll; padding:5px;">
+    <div style="background-color: white; color: black; flex: 2; overflow-y:auto; padding:5px;">
       <p id="journal">
         Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Ornare lectus sit amet est placerat in egestas erat imperdiet. At urna condimentum mattis pellentesque id nibh tortor id. Sed viverra tellus in hac habitasse platea dictumst vestibulum. Aliquam vestibulum morbi blandit cursus risus at ultrices mi tempus. Purus gravida quis blandit turpis cursus in. Euismod lacinia at quis risus sed vulputate. Dignissim convallis aenean et tortor at risus viverra adipiscing at. Eget sit amet tellus cras adipiscing enim eu turpis. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Consequat semper viverra nam libero. Pretium vulputate sapien nec sagittis.