mantenimento-app 2.4.11 → 2.4.13

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,10 +374,15 @@
                           </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>
+                        <th>
+                          <span class="label-row"><span id="lblPrimaCasaAssegnataA">Casa assegnata a</span>
+                            <span class="hint" id="hintPrimaCasaAssegnataA" title="Seleziona il coniuge a cui e ceduta la prima casa.">i</span>
+                          </span>
+                        </th>
                       </tr>
                     </thead>
                     <tbody>
@@ -385,21 +390,18 @@
                         <td><input id="primaCasaValoreLocativo" type="number" min="0" step="50" value="1000" /></td>
                         <td><input id="primaCasaMutuoImporto" type="number" min="0" step="50" value="0" /></td>
                         <td><input id="primaCasaMutuoScadenza" type="date" value="" /></td>
+                        <td>
+                          <select id="primaCasaAssegnataA">
+                            <option value="">Nessuna cessione</option>
+                            <option value="1" selected>Coniuge 1</option>
+                            <option value="2">Coniuge 2</option>
+                          </select>
+                        </td>
                       </tr>
                     </tbody>
                   </table>
                 </div>
               </div>
-              <div class="field">
-                <label for="primaCasaAssegnataA" class="label-row"><span id="lblPrimaCasaAssegnataA">Casa assegnata a</span>
-                  <span class="hint" id="hintPrimaCasaAssegnataA" title="Seleziona il coniuge a cui e ceduta la prima casa.">i</span>
-                </label>
-                <select id="primaCasaAssegnataA">
-                  <option value="">Nessuna cessione</option>
-                  <option value="1" selected>Coniuge 1</option>
-                  <option value="2">Coniuge 2</option>
-                </select>
-              </div>
               <div class="field first-home-split-field">
                 <label for="primaCasaMutuoPerc1" class="label-row"><span id="lblPrimaCasaMutuoPerc1">Quota mutuo a carico</span>
                   <span class="hint" id="hintPrimaCasaMutuoPerc1" title="Percentuale della rata mutuo pagata da ciascun Coniuge.">i</span>
@@ -650,7 +652,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.13"></script>
 </body>
 </html>
 

package/frontend/public/styles.css

@@ -954,28 +954,55 @@
     }
 
     .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.68rem;
       color: #2a5954;
       font-weight: 800;
-      padding: 0 2px;
+      padding: 7px 8px 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: 7px;
+      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%;
+    }
+
+    .first-home-mortgage-table select {
+      width: 100%;
     }
 
     .extra-box-first-home .field {

package/package.json

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