fixed styles

app/(private)/Inscritos/Inscripciones.tsx

@@ -1,7 +1,7 @@
 "use client";
 import { envConfig } from "@/app/lib/config";
-import axios from "axios";
 import { useEffect, useState } from "react";
+import axios from "axios";
 
 interface Periodo {
   id_periodo: number;
@@ -114,7 +114,7 @@ export default function Inscripciones() {
         </div>
       </form>
 
-      <div style={{background:"#f9f9f9", top:"-1000px"}}>
+      <div style={{overflowY:"auto",scrollbarWidth:"none", background:""}}>
         <table>
           <thead>
             <tr>

app/(private)/Programas/page.tsx

@@ -81,7 +81,6 @@ export default function Page() {
 
   return (
     <section className="containerSection">
-      {}
       {modo === "ver" && (
         <section className="containersection">
           <h3 className="title">PROGRAMAS</h3>
@@ -106,7 +105,8 @@ export default function Page() {
             </button>
 
             <button
-              className={`button buttonSearch ${styleprograms.button}`}
+              className={`button buttonSearch`}
+              style={{margin:"5px"}}
               onClick={handleNuevo}
             >
               Nuevo

app/(private)/Programas/programas.module.css

@@ -6,8 +6,4 @@
 }
 .margin {
   margin: 10px 10px;
-}
+}
-.button {
-  margin-left: 20px;
-  margin-top: 20px;
-}

app/(private)/Reportes/ReportesClient.tsx

@@ -5,7 +5,6 @@ import Toggle from "@/app/Components/Global/Toggle/Toggle";
 import SearchDateBetween from "@/app/Components/SearchDateBetween/SearchDateBetween";
 import PorServicios from "@/app/Components/Reportes/porServicio";
 import PorRecibos from "@/app/Components/Reportes/porRecibo";
-import DownloadReporteXLSX from "@/app/Components/Dowload/Reporte";
 
 export default function ReportesClient({
   defaultKey,

app/Components/BitacoraSanciones/BitacoraEquipo.tsx

@@ -51,57 +51,59 @@ function BitacoraEquipo({ date }: { date: string | null }) {
   return (
     <>
       <label>Seleccione un equipo</label>
+      <div className="containerForm">
 
-      <div className="groupInput">
+        <div className="groupInput">
-        <div
-          className={`customSelect ${open ? "open" : ""} ${loadingEquipos ? "disabled" : ""}`}
-        >
           <div
-            className={`selectHeader ${equipoSeleccionado && equipoSeleccionado.plataforma?.nombre?.toUpperCase()}`}
+            className={`customSelect ${open ? "open" : ""} ${loadingEquipos ? "disabled" : ""}`}
-            onClick={() => !loadingEquipos && setOpen(!open)}
           >
-            {equipoSeleccionado ? (
+            <div
-              <span
+              className={`selectHeader ${equipoSeleccionado && equipoSeleccionado.plataforma?.nombre?.toUpperCase()}`}
-              >
+              onClick={() => !loadingEquipos && setOpen(!open)}
-                {equipoSeleccionado.ubicacion}{" "}
+            >
-                {equipoSeleccionado.nombre_equipo}
+              {equipoSeleccionado ? (
-              </span>
+                <span
-            ) : (
+                >
-              <span className="placeholder">
+                  {equipoSeleccionado.ubicacion}{" "}
-                {loadingEquipos
+                  {equipoSeleccionado.nombre_equipo}
-                  ? "Cargando equipos..."
+                </span>
-                  : "Seleccione un equipo"}
+              ) : (
-              </span>
+                <span className="placeholder">
-            )}
+                  {loadingEquipos
-
+                    ? "Cargando equipos..."
-            <span className="arrow">{open ? "▲" : "▼"}</span>
+                    : "Seleccione un equipo"}
-          </div>
+                </span>
-
-          {open && (
-            <div className="options" style={{ bottom: "auto" }}>
-              {equipos.length === 0 && (
-                <div className="option disabled">
-                  No hay equipos disponibles
-                </div>
               )}
 
-              {equipos.map((eq) => (
+              <span className="arrow">{open ? "▲" : "▼"}</span>
-                <div
-                  key={eq.id_equipo}
-                  className={`option ${eq.plataforma?.nombre?.toUpperCase()}`}
-                  onClick={() => {
-                    setEquipoSeleccionado(eq);
-                    setOpen(false);
-                  }}
-                >
-                  {eq.ubicacion} {eq.nombre_equipo}
-                </div>
-              ))}
             </div>
-          )}
+
+            {open && (
+              <div className="options" style={{ bottom: "auto" }}>
+                {equipos.length === 0 && (
+                  <div className="option disabled">
+                    No hay equipos disponibles
+                  </div>
+                )}
+
+                {equipos.map((eq) => (
+                  <div
+                    key={eq.id_equipo}
+                    className={`option ${eq.plataforma?.nombre?.toUpperCase()}`}
+                    onClick={() => {
+                      setEquipoSeleccionado(eq);
+                      setOpen(false);
+                    }}
+                  >
+                    {eq.ubicacion} {eq.nombre_equipo}
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
         </div>
+        <SearchDate />
       </div>
-      <SearchDate />
       <div>
         <table>
           <thead>

app/Components/BitacoraSanciones/TableSanction.tsx

@@ -14,7 +14,7 @@ export default function TableSanction({ alumnoSanciones, alumno }: Props) {
     };
 
     return (
-        <div style={{ margin: "1rem 0" }}>
+        <div style={{ margin: "1rem 0", maxWidth:"730px"}}>
             <table>
                 <thead>
                     <tr>

app/Components/QuitarSancion/QuitarSancion.tsx

@@ -38,7 +38,7 @@ function QuitarSancion({ id_cuenta }: { id_cuenta: number }) {
 
   return (
     <section className="containerSection">
-        <TableSanction alumnoSanciones={alumnoSanciones} alumno={alumno} />
+      <TableSanction alumnoSanciones={alumnoSanciones} alumno={alumno} />
       {(alumnoSanciones?.length > 0) &&
         <button
           className="button buttonSearch"

app/Components/Selection/Selection.css

@@ -4,6 +4,7 @@
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
+  margin-bottom: 1rem;
 }
 
 .selectionItem {

app/globals.css

@@ -102,6 +102,7 @@ footer p {
 .containerForm {
   width: 100%;
   max-width: 450px;
+  gap: 1rem;
 }
 
 .img {