From 4387b23f451d2a096bfc08e3d1e74890c154de14 Mon Sep 17 00:00:00 2001
From: Milton Gonzalez <mgonzalez@develop.linkedcorp.net>
Date: Fri, 2 Oct 2026 20:08:35 -0500
Subject: [PATCH] fix: version 2.8.12 -- logo de LinkedCorp en el login con
 clase propia (40px) y layout izq/der

El icono de LinkedCorp reusaba la clase del logo de empresa (80px), asi que se salia de la
tarjeta al querer achicarlo. Se le da su propia clase (40px) y el layout del login pasa a
alinear el logo de empresa a la izquierda y LinkedCorp a la derecha, sin desbordar margenes.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 CHANGELOG.md                           | 7 +++++++
 VERSION                                | 2 +-
 backend/package.json                   | 2 +-
 frontend/package.json                  | 2 +-
 frontend/src/pages/Login/LoginPage.jsx | 2 +-
 frontend/src/styles/app.css            | 7 ++++---
 6 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0ff5a73..d671061 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,12 @@
 # Changelog - project.linkedcorp.net
 
+## [2.8.12] - 2026-10-02
+### Fixed
+- El ícono de LinkedCorp en el login compartía la misma clase CSS que el logo de empresa
+  (80px), por eso se salía de la tarjeta al intentar achicarlo. Ahora tiene su propia clase
+  (40px) y el layout pasa a alinear el logo de empresa a la izquierda y el de LinkedCorp a la
+  derecha, sin desbordar los márgenes de la tarjeta.
+
 ## [2.8.11] - 2026-10-02
 ### Changed
 - Ajuste fino del logo de LinkedCorp en el login (junto al de empresa): sube 50px y el texto
diff --git a/VERSION b/VERSION
index 38bc521..56f5e1b 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-2.8.11
+2.8.12
diff --git a/backend/package.json b/backend/package.json
index 7caade2..f9cdad4 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "project-linkedcorp-backend",
-  "version": "2.8.11",
+  "version": "2.8.12",
   "private": true,
   "type": "module",
   "main": "src/server.js",
diff --git a/frontend/package.json b/frontend/package.json
index fbdaf98..3a63fbe 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,7 +1,7 @@
 {
   "name": "project-linkedcorp-frontend",
   "private": true,
-  "version": "2.8.11",
+  "version": "2.8.12",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/frontend/src/pages/Login/LoginPage.jsx b/frontend/src/pages/Login/LoginPage.jsx
index d016453..e4159bd 100644
--- a/frontend/src/pages/Login/LoginPage.jsx
+++ b/frontend/src/pages/Login/LoginPage.jsx
@@ -42,7 +42,7 @@ export default function LoginPage() {
           <img src={branding.logoUrl || (theme === 'light' ? logoLight : logoDark)} alt={branding.name || t('appName')} className="login-logo-img" />
           {branding.logoUrl && (
             <div className="login-logo-linkedcorp">
-              <img src={logoLinkedCorpIcon} alt="LinkedCorp" className="login-logo-img" />
+              <img src={logoLinkedCorpIcon} alt="LinkedCorp" className="login-logo-linkedcorp-icon" />
               <span className="login-logo-linkedcorp-text">LinkedCorp</span>
             </div>
           )}
diff --git a/frontend/src/styles/app.css b/frontend/src/styles/app.css
index cda1989..8398677 100644
--- a/frontend/src/styles/app.css
+++ b/frontend/src/styles/app.css
@@ -342,10 +342,11 @@ table.list-table { width: 100%; border-collapse: collapse; font-size: .8rem; }
 /* --- Login --- */
 .login-shell { height: 100vh; display: flex; align-items: center; justify-content: center; background: rgb(var(--canvas)); }
 .login-card { width: 340px; max-width: 92vw; background: rgb(var(--surface)); border: 1px solid rgb(var(--line)); border-radius: var(--r-lg); padding: 28px; }
-.login-logo { display: flex; align-items: center; justify-content: center; gap: 24px; margin-bottom: 16px; }
+.login-logo { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
 .login-logo-img { height: 80px; width: auto; }
-.login-logo-linkedcorp { display: flex; flex-direction: column; align-items: center; gap: 4px; position: relative; top: -50px; }
-.login-logo-linkedcorp-text { font-family: 'Baloo 2', var(--app-font); font-weight: 700; font-size: 0.9rem; line-height: 1; color: rgb(var(--body)); }
+.login-logo-linkedcorp { display: flex; flex-direction: column; align-items: center; gap: 4px; flex: none; }
+.login-logo-linkedcorp-icon { height: 40px; width: auto; }
+.login-logo-linkedcorp-text { font-family: 'Baloo 2', var(--app-font); font-weight: 700; font-size: 0.9rem; line-height: 1; color: rgb(var(--body)); white-space: nowrap; }
 .login-title { font-size: 1.1rem; font-weight: 700; margin-bottom: 16px; }
 .login-error { color: rgb(var(--danger)); font-size: .78rem; margin-bottom: 10px; }
 .login-info { color: rgb(var(--success)); font-size: .82rem; margin-bottom: 10px; line-height: 1.5; }