merge

Luciano/static/Scripts/ArmadoDeForm.js

 function ArmarForm(data) {
     document.getElementById("ArmarFormContainer").style.display="none";
-    document.getElementById("BotonesContainer").style.display="block";
-    document.getElementById("TabsContainer").style.display="block";
+    document.getElementById("FormularioResultante").style.display="block";
 
     let m = data.length;
     for (let n = 0; n < m; n++) {

Luciano/static/Style/ArmadoDeForm.css

 html {
-    --Color: rgb(122, 230, 163);
+    --Color: rgb(1, 194, 120);
 
 }
 
-#BotonesContainer {
+#FormularioResultante {
+    width: 98%;
+    margin: auto;
+    height: 100%;
+}
+
+.BotonesContainer {
     width: 100%;
     height: 5%;
+    text-align: center;
+}
+
+.BotonFormResultante {
+    font-size: 30px;
+    border: none;
+    color: white;
+    height: 90%;
+    width: 48%;
+    margin: 0.5%;
+    margin-top: 2%;
+    border-radius: 5px;
+    text-align: center;
+    background-color: rgb(151, 151, 151);
 }
 
 #TabsContainer {
     width: 100%;
-    height: 95%;
+    height: 82%;
 }
 
 .Botones {
@@ -22,6 +42,7 @@ html {
 }
 
 .BotonesActive {
+
     background-color: var(--Color);
     border-bottom: none;
     height: 6%;
@@ -36,4 +57,15 @@ html {
     display: none;
     height: 100%;
     border: 3px solid var(--Color);
-}
\ No newline at end of file
+}
+
+@media (max-width: 600px) {
+    .BotonResultCont {
+        margin:  1% auto;
+        height: 10%;
+        vertical-align: baseline;
+        align-content: center;
+    }
+}
+/*
+@media (min-width: 1300px) {*/
\ No newline at end of file

Luciano/templates/generate.html

@@ -27,11 +27,19 @@
         </div>
         <p id="ErrorMessage" style="font-weight: bold; text-align: center; color: red;"></p>
         <h3 id="ContinuarText">Cuando se encuentre conforme con el formulario presione Continuar</h3>
-        <button id="ContinuarButton" onclick="ArmarForm( generate(document.getElementById('tabs')) )"> Continuar </button>
-    </section>
-    <section id="BotonesContainer" style="display: none;">
+        <button id="ContinuarButton" onclick="ArmarForm( generate(document.getElementById('tabs')) )"> Continuar
+        </button>
     </section>
-    <section id="TabsContainer" style="display: none;">
+    <section id="FormularioResultante" style="display: none;">
+        <h1 style="margin: 2% 0% 2% 0;"> Su Formulario Ya Esta Listo!</h1>
+        <section id="BotonesContainer" class="BotonesContainer" >
+        </section>
+        <section id="TabsContainer">
+        </section>
+        <div class="BotonesContainer BotonResultCont">
+            <button class="BotonFormResultante"> Editar </button>
+            <button class="BotonFormResultante" style="background-color: var(--Color);"> Continuar </button>
+        </div>
     </section>
 </body>