[release] v.1

psicoadmin/src/Css/all.css

     display: block;
     padding: 10px;
 }
+.success_btn span{
+    display: block;
+    padding: 10px;
+}
 .success_btn:hover {
     border: 1px solid #2ec5d3;
     background: transparent;
-    color: #fff;
+    color: #fd4b4b;
     transition: all 0.3s;
 }
 .panel p{
 }
 .content-section .main h1 {
     font-size: 27px;
-    padding: 35px 10px;
+    padding: 0px 10px;
     color: #949494;
 }
 .main .panel a {

psicoadmin/src/Pages/Configuracion.jsx

 
     return (
         <div className="content-section">
-            <div class="main">
-                <h1 class="breadcrumb-header">Configuraciones</h1>
+            <div className="main">
+                <h1 className="breadcrumb-header">Configuraciones</h1>
                 <Row>
                     <Col md="12">
-                        <div class="panel">
+                        <div className="panel">
 
-                            <Row style={{ padding : 25 }} class="row">
+                            <Row style={{ padding : 25 }} className="row">
                                 <Col md="4">
-                                    <div class="img-container">
+                                    <div className="img-container">
                                         <img src={ProfilePicture} alt='profile ' />
                                     </div>
                                 </Col>
                                 </Col>
                             </Row>
 
-                            <Row class="row">
+                            <Row className="row">
                                 <Col md="6">
-                                    <div class="inputs_config">
+                                    <div className="inputs_config">
                                         <p>Datos personales</p>
                                         <label>Nombre</label>
                                         <input type="text" name="nombre_user" placeholder="Fernando Vásquez"/>
                                     </div>
                                 </Col>
                                 <Col md="6">
-                                    <div class="inputs_config">
+                                    <div className="inputs_config">
                                         <p>Redes sociales</p>
                                         <label>Facebook</label>
                                         <input type="text" name="facebook" placeholder="Link de Facebook"/>
 
                             <Row>
                                 <Col md='12'>
-                                    <div class="boton_guardar_info">
-                                        <div class="success_btn">
-                                            <a href="/">Guardar</a>
+                                    <div className="boton_guardar_info">
+                                        <div className="success_btn">
+                                            <span >Guardar</span>
                                         </div>
                                     </div>
                                 </Col>

psicoadmin/src/Pages/PruebaAsignar.jsx

 import { inteligencia, comportamiento, personalidad } from '../Components/TipoTest'
 import AyudaAsignarModal, { ShowComportamiento, ShowPersonalidad, ShowInteligencia } from '../Components/Modal/AyudaAsignar'
 
+function* idMaker() {
+    var index = 1;
+    while(true)
+        yield index++;
+}
+
+var ID = idMaker(); 
 
 function CardPrueba(props){
+
+    let id = ID.next().value;
+    console.log('ID >> ', id)
+
     return(
-        <Col key={props.id} md="4">
+        <Col key={id} md="4">
             <div className="body_prueba">
                 <div className="modern-Checkbox">
-                    <input type="checkbox"  name={`box-${props.id}` } id={`box-${props.id}` } />
-                    <label htmlFor={`box-${props.id}`}>{ props.name }</label>
+                    <input type="checkbox"  name={`box-${id}` } id={`box-${id}` } />
+                    <label htmlFor={`box-${id}`}>{ props.name }</label>
                 </div>
             </div>
         </Col>