mantenimento-app 2.4.11 → 2.4.12

package/app.js

@@ -293,7 +293,7 @@ const defaultExpenseItems = [
         firstHomeLocativeValueHint: "Valore locativo mensile della casa assegnata, usato per valorizzare il beneficio economico implicito.",
         firstHomeMortgageAmountLabel: "Rata mutuo mensile ({currency})",
         firstHomeMortgageAmountHint: "Importo mensile complessivo della rata del mutuo prima casa.",
-        firstHomeMortgageExpiryLabel: "Scadenza mutuo",
+        firstHomeMortgageExpiryLabel: "Scadenza",
         firstHomeMortgageExpiryHint: "Data prevista di estinzione del mutuo prima casa.",
         firstHomeAssignedToLabel: "Casa assegnata a",
         firstHomeAssignedToHint: "Seleziona il coniuge a cui e ceduta la prima casa.",
@@ -317,7 +317,7 @@ const defaultExpenseItems = [
         pdfPrimaryHomeNotDeclared: "Non dichiarato",
         pdfPrimaryHomeAssignedTo: "Assegnata a",
         pdfPrimaryHomeMonthlyAmount: "Rata mensile",
-        pdfPrimaryHomeExpiryDate: "Scadenza mutuo",
+        pdfPrimaryHomeExpiryDate: "Scadenza",
         pdfPrimaryHomeSplit: "Ripartizione mutuo",
         pdfPrimaryHomeAppliedOnlyColl: "Considerato solo se casa ceduta al collocatario.",
         pdfExtraordinaryRow: "Spese straordinarie (quota mensile da annuo)",
@@ -664,7 +664,7 @@ const defaultExpenseItems = [
         firstHomeLocativeValueHint: "Monthly rental value of the assigned home, used to value the implicit economic benefit.",
         firstHomeMortgageAmountLabel: "Monthly mortgage payment ({currency})",
         firstHomeMortgageAmountHint: "Total monthly amount of the primary-home mortgage payment.",
-        firstHomeMortgageExpiryLabel: "Mortgage expiry date",
+        firstHomeMortgageExpiryLabel: "Expiry",
         firstHomeMortgageExpiryHint: "Expected payoff date of the primary-home mortgage.",
         firstHomeAssignedToLabel: "Home assigned to",
         firstHomeAssignedToHint: "Select which spouse receives assignment of the primary home.",
@@ -688,7 +688,7 @@ const defaultExpenseItems = [
         pdfPrimaryHomeNotDeclared: "Not declared",
         pdfPrimaryHomeAssignedTo: "Assigned to",
         pdfPrimaryHomeMonthlyAmount: "Monthly payment",
-        pdfPrimaryHomeExpiryDate: "Mortgage expiry date",
+        pdfPrimaryHomeExpiryDate: "Expiry",
         pdfPrimaryHomeSplit: "Mortgage split",
         pdfPrimaryHomeAppliedOnlyColl: "Counted only when the home is assigned to the custodial parent.",
         pdfExtraordinaryRow: "Extraordinary expenses (monthly share from yearly)",

package/frontend/public/index.html

@@ -374,7 +374,7 @@
                           </span>
                         </th>
                         <th>
-                          <span class="label-row"><span id="lblPrimaCasaMutuoScadenza">Scadenza mutuo</span>
+                          <span class="label-row"><span id="lblPrimaCasaMutuoScadenza">Scadenza</span>
                             <span class="hint" id="hintPrimaCasaMutuoScadenza" title="Data prevista di estinzione del mutuo prima casa.">i</span>
                           </span>
                         </th>
@@ -650,7 +650,7 @@
   <script src="supabase.min.js"></script>
   <script src="fabric.min.js"></script>
   <script src="html2pdf.bundle.min.js"></script>
-    <script src="app.js?v=2.4.11"></script>
+    <script src="app.js?v=2.4.12"></script>
 </body>
 </html>
 

package/frontend/public/styles.css

@@ -954,28 +954,51 @@
     }
 
     .first-home-mortgage-table-wrap {
-      overflow-x: auto;
+      overflow-x: visible;
       padding-bottom: 2px;
     }
 
     .first-home-mortgage-table {
       width: 100%;
-      min-width: 560px;
-      border-collapse: separate;
-      border-spacing: 6px;
+      min-width: 0;
+      border-collapse: collapse;
       table-layout: fixed;
+      border: 1px solid rgba(27, 141, 127, 0.16);
+      border-radius: 12px;
+      overflow: hidden;
+      background: rgba(255, 255, 255, 0.55);
     }
 
     .first-home-mortgage-table th {
       text-align: left;
-      font-size: 0.8rem;
+      font-size: 0.72rem;
       color: #2a5954;
       font-weight: 800;
-      padding: 0 2px;
+      padding: 8px 10px 6px;
+      background: linear-gradient(180deg, rgba(232, 246, 243, 0.95), rgba(242, 249, 247, 0.92));
+      border-bottom: 1px solid rgba(27, 141, 127, 0.12);
     }
 
     .first-home-mortgage-table td {
-      padding: 0;
+      padding: 8px;
+      border-top: 1px solid rgba(27, 141, 127, 0.08);
+    }
+
+    .first-home-mortgage-table th + th,
+    .first-home-mortgage-table td + td {
+      border-left: 1px solid rgba(27, 141, 127, 0.08);
+    }
+
+    .first-home-mortgage-table .label-row {
+      display: flex;
+      align-items: center;
+      gap: 5px;
+      flex-wrap: wrap;
+      line-height: 1.15;
+    }
+
+    .first-home-mortgage-table input {
+      width: 100%;
     }
 
     .extra-box-first-home .field {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mantenimento-app",
-  "version": "2.4.11",
+  "version": "2.4.12",
   "description": "Frontend + backend architecture for the mantenimento calculator",
   "type": "commonjs",
   "main": "backend/calculate-model.js",