Tutorial Adjustments

WebServer/index.html

@@ -42,7 +42,7 @@
     <div id="canvasApp"></div>
     <div id="docApp" style="position:fixed; top:100000px; left:100000px">
         <iframe id="docIFrame" style="border:none; " height="2000" src="https://julian-molina.github.io/Documentation/"
-            width="900" ></iframe>
+            width="900"></iframe>
     </div> <!--    -->
     <div id="textAreaDiv"></div>
     <div id="inputDiv" style="font-family:saira condensed;">&nbsp;</div>
@@ -53,18 +53,21 @@
         <form>
             <table class="tutorial-buttonsTable">
                 <tr>
-                    <td>
-                        <label class="tutorial-font-small tutorial-stop-button" onclick="canvas.tutorialSpace.stop()" value="">Stop Tutorial</label>
+                    <td align = "center">
+                        <label class="tutorial-font-small tutorial-stop-button" onclick="canvas.tutorialSpace.stop()"
+                            value="">Stop</label>
                     </td>
-                    <td>
-                        <label class="tutorial-font-small tutorial-skip-button" onclick="canvas.tutorialSpace.skip()" value="">Skip / Later</label>
+                    <td align = "center">
+                        <label class="tutorial-font-small tutorial-skip-button" onclick="canvas.tutorialSpace.skip()"
+                            value="">Skip</label>
                     </td>
-                    <td>
-                        <label class="tutorial-font-small tutorial-done-button" onclick="canvas.tutorialSpace.done()" value="">Done / Next</label>
+                    <td align = "center">
+                        <label class="tutorial-font-small tutorial-done-button" onclick="canvas.tutorialSpace.done()"
+                            value="">Next</label>
                     </td>
                 </tr>
             </table>
-          </form>
+        </form>
     </div>
 </body>
 

WebServer/main.css

@@ -34,7 +34,7 @@
 .tutorial-form {
   padding: 15px;
   margin-bottom: 20px;
-  width: 105%;
+  width: 100%;
 }
 
 .tutorial-summary {
@@ -193,7 +193,7 @@
   border-radius: 4px;
   margin: 20px 0;
   border-top-color: #e4b9c0;
-  width: 20%;
+  min-width: 100px;
 }
 
 .tutorial-skip-button {
@@ -205,7 +205,7 @@
   border-radius: 4px;
   margin: 20px 0;
   border-top-color: #f7e1b5;
-  width: 20%;
+  min-width: 100px;
 }
 
 .tutorial-done-button {
@@ -217,7 +217,7 @@
   border-radius: 4px;
   margin: 20px 0;
   border-top-color: #c9e2b3;
-  width: 20%;
+  min-width: 100px;
 }
 
 .tutorial-buttonsTable {
@@ -227,5 +227,5 @@
   border: solid 0px;
   vertical-align: middle;
   min-width: 100px;
-  width: 105%;
+  width: 100%;
 }