agregar cargo y tech vista corregida

curriculumsearch/src/main/webapp/jsp/cargo-form.jsp

@@ -5,15 +5,17 @@
 <layout:extends name="layouts/base.jsp">
 <layout:extends name="layouts/base.jsp">
   <layout:put block="cssDeclaracion" type="APPEND"></layout:put>
   <layout:put block="cssDeclaracion" type="APPEND"></layout:put>
     <layout:put block="contents" type="REPLACE">
     <layout:put block="contents" type="REPLACE">
-      <div class=" justify-content-center align-items-center mx-auto mt-2 p-3 bg-transparent " style="width: 20rem;">
-        <h5 class="card-title">${cargo.id == null ? "Agregar" : "Modificar"} Cargo</h5>
+      <div class="card justify-content-center mx-auto mt-2" style="width: 20rem;">
+        <div class="card-header">
+          <h5>Cargo</h5>
+        </div>
           <form:form
           <form:form
           action="/cargo/${cargo.id == null ? '' : cargo.id}"
           action="/cargo/${cargo.id == null ? '' : cargo.id}"
           method="post"
           method="post"
           modelAttribute="cargo"
           modelAttribute="cargo"
-          class="card-body d-flex flex-column"
+          class="d-flex flex-column"
           >
           >
-          <div class="">
+            <div class="card-body">
                 <form:label class="form-label visually-hidden" path="nombre"
                 <form:label class="form-label visually-hidden" path="nombre"
                 >Nombre del cargo
                 >Nombre del cargo
                 </form:label>
                 </form:label>
@@ -28,8 +30,10 @@
                   Este nombre ya existe
                   Este nombre ya existe
                 </div>
                 </div>
             </div>
             </div>
+            <div class="card-footer d-flex flex-column">
               <div class="mt-2 align-self-end">
               <div class="mt-2 align-self-end">
-              <input type="submit" value="Guardar" class="btn btn-primary" />
+                  <input type="submit" value='${cargo.id == null ? "Agregar" : "Modificar"}' class="btn btn-primary" />
+              </div>
             </div>
             </div>
           </form:form>
           </form:form>
       </div>
       </div>

curriculumsearch/src/main/webapp/jsp/tecnologia-form.jsp

@@ -4,23 +4,34 @@
 <%@ taglib uri="http://kwonnam.pe.kr/jsp/template-inheritance" prefix="layout"%>
 <%@ taglib uri="http://kwonnam.pe.kr/jsp/template-inheritance" prefix="layout"%>
 <layout:extends name="layouts/base.jsp">
 <layout:extends name="layouts/base.jsp">
     <layout:put block="cssDeclaracion" type="APPEND"></layout:put>
     <layout:put block="cssDeclaracion" type="APPEND"></layout:put>
-    <layout:put block="cssDeclaracion" type="APPEND"></layout:put>
     <layout:put block="contents" type="REPLACE">
     <layout:put block="contents" type="REPLACE">
-        <h2>${tecnologia.id == null ? "Agregar" : "Modificar"} Tecnología</h2>
-        <div class="p-3 mb-2 bg-light text-dark  bg-transparent">
-
-            <form:form action="/tecnologia/${tecnologia.id == null ? '' : tecnologia.id}"  method="post" modelAttribute="tecnologia" class="row row-cols-lg-auto g-3 align-items-center">
-            <div class="col-12">
-                <form:label class="form-label visually-hidden"  path="nombre">Nombre: </form:label> 
+        <div class="card justify-content-center mx-auto mt-2" style="width: 20rem;">
+            <div class="card-header">
+              <h5>Tecnología</h5>
+            </div>
+              <form:form
+              action="/tecnologia/${tecnologia.id == null ? '' : tecnologia.id}"
+              method="post"
+              modelAttribute="tecnologia"
+              class="d-flex flex-column"
+              >
+                <div class="card-body">
+                    <form:label class="form-label visually-hidden" path="nombre"
+                    >Nombre
+                    </form:label>
                     <form:input type="text" path="nombre" class="form-control ${ mismoNombre ? 'is-invalid' : ''}" required="true" placeholder="Nombre de la tecnologia"/>
                     <form:input type="text" path="nombre" class="form-control ${ mismoNombre ? 'is-invalid' : ''}" required="true" placeholder="Nombre de la tecnologia"/>
                     <div id="validationServerUsernameFeedback" class="invalid-feedback">
                     <div id="validationServerUsernameFeedback" class="invalid-feedback">
                       Este nombre ya existe
                       Este nombre ya existe
                     </div>
                     </div>
                 </div>
                 </div>
-            <div class="col-12">
-                <input type="submit" value="Guardar" class="btn btn-primary"/>
+                <div class="card-footer d-flex flex-column">
+                  <div class="mt-2 align-self-end">
+                      <input type="submit" value='${tecnologia.id == null ? "Agregar" : "Modificar"}' class="btn btn-primary" />
+                  </div>
                 </div>
                 </div>
               </form:form>
               </form:form>
           </div>
           </div>
+        
+        
     </layout:put>
     </layout:put>
 </layout:extends>
 </layout:extends>
\ No newline at end of file