add fullscreen mode

index.html

@@ -21,6 +21,7 @@
                 <button id="submit-button" class="navigation nav-right"><b>submit</b></button>
                 <button id="options-button" class="navigation nav-right" title="click to load new packet or manage saved answers">options</button>
                 <button id="review-overlay-button" class="navigation nav-right" title="click to finish exam and review answers">review</button>
+                <button id="fullscreen-overlay-button" class="navigation nav-right" title="click to toggle fullscreen">fullscreen</button>
                 <!--<button id="logout-button" class="navigation nav-right">logout</button>-->
                 <div class="app-name nav-left">RTS</div>
                 <div id="timer" title="click to pause"></div>

js/main.js

@@ -971,6 +971,14 @@ $("#review-overlay-button").click(function (evt) {
   }
 });
 
+$("#fullscreen-overlay-button").click(function (evt) {
+  if (document.fullscreen == false) {
+    document.documentElement.requestFullscreen();
+  } else {
+    document.exitFullscreen();
+  }
+});
+
 $("#finish-exam, #time-up-review-button").click(function (evt) {
   window.review = true;
   reviewQuestions();