fixed Axel

app/(private)/Reportes-graficas/page.tsx

@@ -175,7 +175,7 @@ export default function PorServicio() {
     const colors = ["black", "red", "blue", "orange", "purple", "green"];
 
     return (
-        <div style={{ display: "flex", flexDirection: "column", gap: "30px",overflow:"auto" }}>
+        <div style={{ display: "flex", flexDirection: "column", gap: "5px", overflow: "auto" }}>
 
             <PeriodoPicker
                 onChange={(p1, p2) => {
@@ -196,6 +196,9 @@ export default function PorServicio() {
                             gap: "20px",
                             flexWrap: "wrap",
                             padding: "10px 0",
+                            position: "absolute",
+                            top: "34px",
+                            right: "0",
                         }}
                     >
                         <button
@@ -215,7 +218,7 @@ export default function PorServicio() {
                                 fontWeight: "bold",
                             }}
                         >
-                            Exportar a Excel
+                            Excel
                         </button>
 
                         {data.map((servicio) => (
@@ -226,6 +229,7 @@ export default function PorServicio() {
                                     alignItems: "center",
                                     gap: "5px",
                                     whiteSpace: "nowrap",
+                                    fontSize:"9px"
                                 }}
                             >
                                 <input
@@ -262,7 +266,7 @@ export default function PorServicio() {
                             gap: "30px",
                             alignItems: "flex-start",
                             flexWrap: "wrap",
-                            overflow:"auto"
+                            overflow: "auto"
                         }}
                     >
                         {/* COLUMNA IZQUIERDA: TABLA */}