small fixes

psicoadmin/src/App.css

@@ -141,12 +141,10 @@
 #inteligencia_body{
     display : none;
 }
-
-        /* $("#todas_las_pruebas_body").css('display', 'block'); */
-        /* $("#comportamiento_body").css('display', 'none'); */
-        /* $("#personalidad_body").css('display', 'none'); */
-        /* $("#inteligencia_body").css('display', 'none'); */
-        /* $("#todaspruebas").addClass("active"); */
-        /* $("#comportamiento").removeClass("active"); */
-        /* $("#personalidad").removeClass("active"); */
-        /* $("#inteligencia").removeClass("active"); */
+#container_btn_agregar_pregunta{
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    align-content: stretch;
+    justify-content: flex-start;
+}

psicoadmin/src/Css/all.css

@@ -2128,7 +2128,7 @@ label {
     color: #949494;
 }
 .crear_nueva_prueba {
-    padding: 0px 0px 25px;
+    padding: 10px 0px 10px;
     text-align: right;
 }
 .btn_crear_prueba {
@@ -3859,10 +3859,7 @@ All this is done for any sub-level being entered.
     margin: auto;
 }
 }
-.busqueda_prueba .col-md-6 {
-    padding: 0!important;
-}
-.busqueda_prueba .col-md-6 input{
+.busqueda_prueba .col-md-8 input{
     padding: 10px;
     width: 100%;
     font-size: 14px;
@@ -3894,7 +3891,7 @@ All this is done for any sub-level being entered.
     position: relative;
     cursor: pointer;
     transition: all 0.3s;
-    margin-left: 15px;
+    /* margin-left: 15px; */
 }
 .btn_buscar_prueba:hover {
     border: 1px solid #fd4b4b;

psicoadmin/src/Pages/Pruebas.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react'
+import React, { useEffect, useState, useRef } from 'react'
 import $ from 'jquery'
 import { Row, Col } from 'react-bootstrap'
 
@@ -54,50 +54,26 @@ export function Pruebas() {
     
     let navigate = useNavigate()
 
-    var inteligencia = [
-        'TERMAN',
-        'BETAIIR',
-        'BETAIII',
-        'IE',
-        'RAVEN',
-        'DOMINOS',
-        'WONDERLIC',
-        'COIR',
-    ]
+    var inteligencia = [ 'TERMAN', 'BETAIIR', 'BETAIII', 'IE', 'RAVEN', 'DOMINOS', 'WONDERLIC', 'COIR', ]
 
-    var comportamiento = [
-        'CLEAVER',
-        'ESTILO',
-        'VALORES',
-        'VALORES COMP',
-        'MOSS',
-        'KOSTICK',
-        'ZAVIC',
-        'VALPER',
-        'LIFO',
-    ]
+    var comportamiento = [ 'CLEAVER', 'ESTILO', 'VALORES', 'VALORES COMP', 'MOSS', 'KOSTICK', 'ZAVIC', 'VALPER', 'LIFO', ]
 
-    var personalidad = [
-        'LUSCHER',
-        'CPI',
-        'PGV',
-        'BFQ',
-        '16FP',
-        'PIP',
-        'IMP',
-        'PVC',
-        'NIC',
-    ]
+    var personalidad = [ 'LUSCHER', 'CPI', 'PGV', 'BFQ', '16FP', 'PIP', 'IMP', 'PVC', 'NIC', ]
 
     const all = [...inteligencia, ...comportamiento, ...personalidad]
 
-    useEffect(() => {
-        setPruebas(all)
-        console.log('Pruebas >> ',pruebas)
-    },[])
     
     let [nombre, setNombre] = useState(null)
     let [pruebas, setPruebas] = useState([])
+
+    let main =  useRef(null);
+    
+    useEffect(() => {
+        if(pruebas.lenght !==  all.lenght ){
+            console.log(main.current)
+        }
+        setPruebas(all)
+    },[])
  
     return (
         <section>
@@ -105,22 +81,18 @@ export function Pruebas() {
                 <div className="main main_pruebas_list">
                     <h1>Listado de pruebas psicométricas</h1>
 
-                    <div className="row">
-                        <Col md='6' className="busqueda_prueba">
+                    <Row>
+                        <Col md='9' className="busqueda_prueba">
                             <Row>
-                                <Col md="6">
+                                <Col md="8">
                                     <input 
                                         onChange={(event) => {
                                             let nombre = event.target.value
-                                            console.log('NOMBRE >>',nombre)
                                             if(nombre){
-                                                // let temp = pruebas.filter( prueba  => prueba.search(nombre) )
                                                 let temp = pruebas.filter( prueba  => {
                                                     let isset = prueba.toUpperCase().includes( nombre.toUpperCase())
-                                                    console.log('ISET >>',prueba,isset )
                                                     return isset
                                                 })
-                                                console.log('TEMP >>', temp)
                                                 setPruebas(temp)
                                                 setNombre(nombre)
                                             }else{
@@ -132,24 +104,28 @@ export function Pruebas() {
                                         name="nombreprueba" 
                                         placeholder="Escribe el nombre de la prueba que deseas consultar"/>
                                 </Col>
-                                <Col md="6">
+                                <Col md="4">
                                     <div className="buscar_prueba">
                                         <button className="btn_buscar_prueba">BUSCAR</button>
                                     </div>
                                 </Col>
                             </Row>
                         </Col>
-                        <Col md="6">
+                        <Col md="3">
                             <div className="crear_nueva_prueba">
-                                <span onClick={ () =>  navigate('/dashboard/pruebas/crear') } className="btn_crear_prueba">CREAR PRUEBA</span>
+                                <span 
+                                    onClick={ () =>  navigate('/dashboard/pruebas/crear') } 
+                                    className="btn_crear_prueba">CREAR PRUEBA
+                                </span>
                             </div>
                         </Col>
-                    </div>
+                    </Row>
 
                     <div className="tabs_pruebas">
                         <Row >
                             <Col md="3">
                                 <div 
+                                    ref={main}
                                     className="test_tab active" 
                                     id="todaspruebas" 
                                     onClick={() => setPruebas(all)}