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

@@ -7,7 +7,3 @@
 .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,6 +51,7 @@ function BitacoraEquipo({ date }: { date: string | null }) {
   return (
     <>
       <label>Seleccione un equipo</label>
+      <div className="containerForm">
 
         <div className="groupInput">
           <div
@@ -102,6 +103,7 @@ function BitacoraEquipo({ date }: { date: string | null }) {
           </div>
         </div>
         <SearchDate />
+      </div>
       <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/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 {