From 92d934bb36b9b4868767d95a25c9ed710f4f597d Mon Sep 17 00:00:00 2001
From: Milton Gonzalez <mgonzalez@linkedcorp.net>
Date: Mon, 27 Apr 2026 16:06:33 -0500
Subject: [PATCH] Refine sign now spacing and bump to 1.2.16

---
 CHANGELOG.md                                     |  6 +++++-
 DEPLOY_ANDROID.md                                |  2 +-
 DEPLOY_WEB.md                                    |  2 +-
 PRODUCCION.md                                    |  2 +-
 VERSION                                          |  2 +-
 android/app/build.gradle                         |  4 ++--
 backend/package.json                             |  2 +-
 frontend/package.json                            |  2 +-
 frontend/src/index.css                           | 14 +++++++-------
 frontend/src/pages/signatures/SignaturesPage.jsx |  6 +++---
 10 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ba05865..c2f69c6 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,10 +2,14 @@
 
 ## Versión actual
 
-- Versión base: `1.2.15`
+- Versión base: `1.2.16`
 
 ## Historial
 
+### 1.2.16 - 2026-04-27
+
+- Web aplica separación explícita entre `Certificado digital`, `Mostrar detalles` y `Elegir posición de firma` en `Firmar ahora`.
+
 ### 1.2.15 - 2026-04-27
 
 - Web aumenta de forma visible la separación entre `Certificado digital`, `Mostrar detalles` y `Elegir posición de firma` en `Firmar ahora`.
diff --git a/DEPLOY_ANDROID.md b/DEPLOY_ANDROID.md
index 2dee5a9..3cc837c 100644
--- a/DEPLOY_ANDROID.md
+++ b/DEPLOY_ANDROID.md
@@ -2,7 +2,7 @@
 
 ## Versión actual
 
-- Base actual: `1.2.15`
+- Base actual: `1.2.16`
 - Fuente de verdad: [VERSION](/home/mgonzalez/desarrollo/react/linkedsign/VERSION)
 - Historial de cambios: [CHANGELOG.md](/home/mgonzalez/desarrollo/react/linkedsign/CHANGELOG.md)
 
diff --git a/DEPLOY_WEB.md b/DEPLOY_WEB.md
index ec2012a..a5db0d4 100644
--- a/DEPLOY_WEB.md
+++ b/DEPLOY_WEB.md
@@ -2,7 +2,7 @@
 
 ## Versión actual
 
-- Base actual: `1.2.15`
+- Base actual: `1.2.16`
 - Fuente de verdad: [VERSION](/home/mgonzalez/desarrollo/react/linkedsign/VERSION)
 - Historial de cambios: [CHANGELOG.md](/home/mgonzalez/desarrollo/react/linkedsign/CHANGELOG.md)
 
diff --git a/PRODUCCION.md b/PRODUCCION.md
index c68fb60..b7e95be 100644
--- a/PRODUCCION.md
+++ b/PRODUCCION.md
@@ -2,7 +2,7 @@
 
 ## Versión actual
 
-- Base actual: `1.2.15`
+- Base actual: `1.2.16`
 - Fuente de verdad: [VERSION](/home/mgonzalez/desarrollo/react/linkedsign/VERSION)
 - Historial de cambios: [CHANGELOG.md](/home/mgonzalez/desarrollo/react/linkedsign/CHANGELOG.md)
 
diff --git a/VERSION b/VERSION
index 1fc5b82..f69752a 100644
--- a/VERSION
+++ b/VERSION
@@ -1 +1 @@
-1.2.15
+1.2.16
diff --git a/android/app/build.gradle b/android/app/build.gradle
index 2522dd5..eb72904 100644
--- a/android/app/build.gradle
+++ b/android/app/build.gradle
@@ -18,8 +18,8 @@ android {
         applicationId "net.linkedcorp.linkedsign"
         minSdk 26
         targetSdk 35
-        versionCode 10215
-        versionName "1.2.15"
+        versionCode 10216
+        versionName "1.2.16"
 
         buildConfigField "String", "API_BASE_URL", "\"${apiBaseUrl}\""
     }
diff --git a/backend/package.json b/backend/package.json
index 9c6685a..f9472ae 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "linkedsign-backend",
-  "version": "1.2.15",
+  "version": "1.2.16",
   "private": true,
   "description": "Initial backend for LinkedSign",
   "main": "src/server.js",
diff --git a/frontend/package.json b/frontend/package.json
index e5b9e57..9e7fdd7 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,7 +1,7 @@
 {
   "name": "frontend",
   "private": true,
-  "version": "1.2.15",
+  "version": "1.2.16",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 554dc5d..37435a7 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1069,17 +1069,17 @@ select {
   gap: 8px;
 }
 
-.sign-form-card > .field + .btn-inline-toggle {
-  margin-top: 10px;
+.sign-certificate-field {
+  margin-bottom: 14px;
 }
 
-.sign-form-card > .btn-inline-toggle + .btn-full {
-  margin-top: 10px;
+.sign-details-toggle {
+  margin-bottom: 16px;
 }
 
-.sign-form-card > .btn-inline-toggle + .field,
-.sign-form-card > .info-box + .btn-full {
-  margin-top: 6px;
+.sign-form-card > .info-box + .sign-place-button,
+.sign-place-button {
+  margin-top: 0;
 }
 
 .sign-form-card form { display: flex; flex-direction: column; gap: 14px; }
diff --git a/frontend/src/pages/signatures/SignaturesPage.jsx b/frontend/src/pages/signatures/SignaturesPage.jsx
index 0b4a5f2..a333a44 100644
--- a/frontend/src/pages/signatures/SignaturesPage.jsx
+++ b/frontend/src/pages/signatures/SignaturesPage.jsx
@@ -286,7 +286,7 @@ export default function SignaturesPage() {
               )}
               {uploadingDocument && <small className="field-hint">Subiendo documento...</small>}
             </div>
-            <div className="field">
+            <div className="field sign-certificate-field">
               <label><Shield size={14} /> Certificado digital</label>
               <select name="certificateId" value={form.certificateId} onChange={handleChange} required>
                 <option value="">Selecciona un certificado...</option>
@@ -296,7 +296,7 @@ export default function SignaturesPage() {
             </div>
             <button
               type="button"
-              className="btn btn-ghost btn-inline-toggle"
+              className="btn btn-ghost btn-inline-toggle sign-details-toggle"
               onClick={() => setShowAdvancedOptions((current) => !current)}
             >
               {showAdvancedOptions ? <EyeOff size={16} /> : <Eye size={16} />}
@@ -322,7 +322,7 @@ export default function SignaturesPage() {
                 </div>
               </>
             )}
-            <button className="btn btn-primary btn-full" onClick={handleGoToPlace}>
+            <button className="btn btn-primary btn-full sign-place-button" onClick={handleGoToPlace}>
               <MapPin size={16} /> Elegir posición de firma →
             </button>
           </div>