From 28f623a2bddae326b05eac52e463ec57c797226a Mon Sep 17 00:00:00 2001
From: Luis Fernando Molina <Luis-Fernando-Molina@users.noreply.github.com>
Date: Mon, 21 Sep 2020 12:51:09 +0200
Subject: [PATCH] Tutorial Adjustments

---
 WebServer/index.html | 19 +++++++++++--------
 WebServer/main.css   | 10 +++++-----
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/WebServer/index.html b/WebServer/index.html
index 3279cceea..939e7b000 100644
--- a/WebServer/index.html
+++ b/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>
 
diff --git a/WebServer/main.css b/WebServer/main.css
index c96697ada..37e0f6915 100644
--- a/WebServer/main.css
+++ b/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%;
 }
\ No newline at end of file