mejoramos el front

components/admin/CrearInfraccion.vue

@@ -1,20 +1,37 @@
 <template>
-  <div>
-    <b-field class="py-3" label="Infracción">
-      <b-input v-model="infraccion" expanded />
-      <p class="control">
-        <b-button
-          type="is-success"
-          @click="
+  <div class="box">
+    <dir class="columns is-align-items-flex-end pl-0 pb-4">
+      <b-field class="column mb-0 pb-0" label="Infracción">
+        <b-input
+          type="text"
+          placeholder="Nombre de la infracción"
+          v-model="infraccion"
+          rounded
+          @keyup.enter.native="
             imprimirWarning(
-              '¿Estás seguro de querer crear esta infracción?',
+              '¿Está segur@ de querer crear esta infracción?',
               crearInfraccion
             )
           "
-          >Crear</b-button
-        >
-      </p>
+        />
       </b-field>
+
+      <b-button
+        type="is-info"
+        class="column"
+        @click="
+          imprimirWarning(
+            '¿Esta segur@ de querer crear este infracción?',
+            crearInfraccion
+          )
+        "
+        :disabled="!infraccion"
+        expanded
+        rounded
+      >
+        Crear
+      </b-button>
+    </dir>
   </div>
 </template>
 

components/admin/CrearInstiProgra.vue

@@ -1,20 +1,37 @@
 <template>
-  <div>
-    <b-field class="py-3" label="Institución Programa">
-      <b-input v-model="programa" expanded />
-      <p class="control">
-        <b-button
-          type="is-success"
-          @click="
+  <div class="box">
+    <dir class="columns is-align-items-flex-end pl-0 pb-4">
+      <b-field class="column mb-0 pb-0" label="Infracción">
+        <b-input
+          type="text"
+          placeholder="Nombre del programa"
+          v-model="programa"
+          rounded
+          @keyup.enter.native="
             imprimirWarning(
-              '¿Estás seguro de querer crear esta intitución programa?',
+              '¿Está segur@ de querer crear este programa?',
               crearInstitucionPrograma
             )
           "
-          >Crear</b-button
-        >
-      </p>
+        />
       </b-field>
+
+      <b-button
+        type="is-info"
+        class="column"
+        @click="
+          imprimirWarning(
+            '¿Esta segur@ de querer crear este infracción?',
+            crearInstitucionPrograma
+          )
+        "
+        :disabled="!programa"
+        expanded
+        rounded
+      >
+        Crear
+      </b-button>
+    </dir>
   </div>
 </template>