From d2d3380b5445bdb32ae5918f11ce97ba0e1e3d0a Mon Sep 17 00:00:00 2001
From: Alexis <isalexis.design@gmail.com>
Date: Tue, 14 Apr 2026 14:29:03 +0200
Subject: [PATCH] =?UTF-8?q?add:=20a=C3=B1adir=20iconos=20instalando=20la?=
 =?UTF-8?q?=20librer=C3=ADa=20react-icons=20para=20los=20botones=20de=20lo?=
 =?UTF-8?q?gin=20y=20logout.=20ajustados=20m=C3=A1rgenes=20en=20diferentes?=
 =?UTF-8?q?=20vistas=20para=20mantener=20coherencia=20visual.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/package-lock.json                         | 10 ++++++++++
 frontend/package.json                              |  1 +
 frontend/src/components/editor/Step1BaseScale.jsx  |  2 +-
 frontend/src/components/editor/Step3FinalGraph.jsx |  2 +-
 frontend/src/components/layout/Header.jsx          | 14 +++++++++++---
 frontend/src/pages/DocEditor.jsx                   |  2 +-
 frontend/src/pages/History.jsx                     |  2 +-
 7 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index c0cf46f..6727ebe 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -12,6 +12,7 @@
         "axios": "^1.13.6",
         "react": "^19.2.4",
         "react-dom": "^19.2.4",
+        "react-icons": "^5.6.0",
         "react-router-dom": "^7.13.2",
         "recharts": "^3.8.0",
         "tailwindcss": "^4.2.2"
@@ -3077,6 +3078,15 @@
         "react": "^19.2.4"
       }
     },
+    "node_modules/react-icons": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.6.0.tgz",
+      "integrity": "sha512-RH93p5ki6LfOiIt0UtDyNg/cee+HLVR6cHHtW3wALfo+eOHTp8RnU2kRkI6E+H19zMIs03DyxUG/GfZMOGvmiA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
     "node_modules/react-is": {
       "version": "19.2.4",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-19.2.4.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index debc10c..6b49322 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -14,6 +14,7 @@
     "axios": "^1.13.6",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
+    "react-icons": "^5.6.0",
     "react-router-dom": "^7.13.2",
     "recharts": "^3.8.0",
     "tailwindcss": "^4.2.2"
diff --git a/frontend/src/components/editor/Step1BaseScale.jsx b/frontend/src/components/editor/Step1BaseScale.jsx
index 2ee5755..7bdb24b 100644
--- a/frontend/src/components/editor/Step1BaseScale.jsx
+++ b/frontend/src/components/editor/Step1BaseScale.jsx
@@ -37,7 +37,7 @@ export default function Step1BaseScale({
   const currentScale = isZoomActive && needsZoom ? dynamicScale : 1;
 
   return (
-    <div className="w-full bg-white p-6 rounded-2xl shadow-sm border border-slate-200 mb-6 flex flex-col items-center animate-fade-in relative overflow-visible">
+    <div className="w-full bg-white p-6 rounded-2xl shadow-sm border border-slate-200 flex flex-col items-center animate-fade-in relative overflow-visible">
         
         <div className="flex justify-between items-center w-full mb-4 border-b pb-3 relative z-30">
             <h2 className="text-xl font-bold text-slate-800">
diff --git a/frontend/src/components/editor/Step3FinalGraph.jsx b/frontend/src/components/editor/Step3FinalGraph.jsx
index 49d3e47..8e344f9 100644
--- a/frontend/src/components/editor/Step3FinalGraph.jsx
+++ b/frontend/src/components/editor/Step3FinalGraph.jsx
@@ -19,7 +19,7 @@ const Step3FinalGraph = memo(({ data, criterionName }) => {
   }
 
   return (
-    <div className="w-full h-[550px] mt-2 bg-white p-6 rounded-2xl shadow-sm border border-slate-200 flex flex-col final-graph-container relative">
+    <div className="w-full h-[550px] bg-white p-6 rounded-2xl shadow-sm border border-slate-200 flex flex-col final-graph-container relative">
       <style>{`.final-graph-container svg * { clip-path: none !important; }`}</style>
       
       <h3 className="text-xl font-bold mb-4 text-center text-slate-800 uppercase">
diff --git a/frontend/src/components/layout/Header.jsx b/frontend/src/components/layout/Header.jsx
index 7596a6a..2011ca7 100644
--- a/frontend/src/components/layout/Header.jsx
+++ b/frontend/src/components/layout/Header.jsx
@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { Link, useNavigate, useLocation } from 'react-router-dom';
 import { useAuth } from '../../context/AuthContext'; 
+import { FiLogIn, FiLogOut } from 'react-icons/fi';
 
 export default function Header() {
   const [isDropdownOpen, setIsDropdownOpen] = useState(false);
@@ -60,8 +61,13 @@ export default function Header() {
                       <p className="text-xs font-bold text-slate-400 uppercase tracking-wider">Usuario</p>
                       <p className="text-sm font-bold text-slate-700 truncate">{user?.username}</p>
                     </div>
-                    <button onClick={handleLogout} className="w-full text-left px-4 py-2 text-sm font-medium text-red-600 hover:bg-red-50 transition-colors">
-                      🚪 Cerrar Sesión
+                    
+                    <button 
+                      onClick={handleLogout} 
+                      className="w-full flex items-center gap-2 px-4 py-2 text-sm font-bold text-red-600 hover:bg-red-50 transition-colors"
+                    >
+                      <FiLogOut className="w-5 h-5" strokeWidth={2.5} />
+                      Cerrar Sesión
                     </button>
                   </div>
                 </>
@@ -69,10 +75,12 @@ export default function Header() {
             </div>
           ) : (
             <div className="flex items-center border-l border-slate-200 pl-4">
+              
               <Link 
                 to="/login" 
-                className="text-sm font-bold bg-blue-600 text-white px-5 py-2.5 rounded-xl shadow-sm hover:bg-blue-700 transition-all active:scale-95"
+                className="flex items-center gap-2 text-sm font-bold bg-blue-600 text-white px-5 py-2.5 rounded-xl shadow-sm hover:bg-blue-700 transition-all active:scale-95"
               >
+                <FiLogIn className="w-5 h-5" strokeWidth={2.5} />
                 Acceder
               </Link>
             </div>
diff --git a/frontend/src/pages/DocEditor.jsx b/frontend/src/pages/DocEditor.jsx
index 370ad1e..8e318ab 100644
--- a/frontend/src/pages/DocEditor.jsx
+++ b/frontend/src/pages/DocEditor.jsx
@@ -248,7 +248,7 @@ export default function DocEditor() {
       )}
 
       {step === 3 && finalResult && (
-        <div className="flex flex-col gap-6 w-full">
+        <div className="flex flex-col w-full">
           <Step3FinalGraph data={finalResult} criterionName={criterionName} />
 
           <button 
diff --git a/frontend/src/pages/History.jsx b/frontend/src/pages/History.jsx
index e7067d9..6947934 100644
--- a/frontend/src/pages/History.jsx
+++ b/frontend/src/pages/History.jsx
@@ -44,7 +44,7 @@ export default function History() {
   };
 
   return (
-    <div className="w-full max-w-7xl mx-auto flex flex-col gap-8 animate-fade-in pb-12">      
+    <div className="w-full max-w-7xl mx-auto flex flex-col gap-8 animate-fade-in pb-2">      
       {/* Cabecera */}
       <div className="flex justify-between items-center bg-white p-8 rounded-3xl shadow-sm border border-slate-200">
         <div>