mantenimento-app 2.4.12 → 2.4.14

package/frontend/public/index.html

@@ -352,12 +352,6 @@
             <div class="extra-box-title" id="firstHomeBoxTitle">Mutuo prima casa ceduta</div>
             <div class="extra-box-note" id="firstHomeBoxNote">Dichiara se esiste un mutuo sulla prima casa dei coniugi ceduta a uno dei due: il modello considera il trasferimento implicito quando la casa e assegnata al collocatario.</div>
             <div class="extra-grid">
-              <div class="field">
-                <label for="primaCasaMutuoEnabled" class="label-row"><span id="lblPrimaCasaMutuoEnabled">Mutuo su prima casa dei coniugi</span>
-                  <span class="hint" id="hintPrimaCasaMutuoEnabled" title="Attiva per includere il mutuo della prima casa ceduta nei benefici compensativi.">i</span>
-                </label>
-                <input id="primaCasaMutuoEnabled" type="checkbox" />
-              </div>
               <div class="field first-home-mortgage-table-field">
                 <div class="first-home-mortgage-table-wrap">
                   <table class="first-home-mortgage-table" aria-label="Dati mutuo prima casa">
@@ -378,6 +372,16 @@
                             <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>
+                        <th class="first-home-mortgage-table-check-col">
+                          <span class="label-row"><span id="lblPrimaCasaMutuoEnabled">Mutuo su prima casa dei coniugi</span>
+                            <span class="hint" id="hintPrimaCasaMutuoEnabled" title="Attiva per includere il mutuo della prima casa ceduta nei benefici compensativi.">i</span>
+                          </span>
+                        </th>
                       </tr>
                     </thead>
                     <tbody>
@@ -385,21 +389,19 @@
                         <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>
+                        <td class="first-home-mortgage-table-check-cell"><input id="primaCasaMutuoEnabled" type="checkbox" /></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.12"></script>
+    <script src="app.js?v=2.4.14"></script>
 </body>
 </html>
 

package/frontend/public/styles.css

@@ -954,15 +954,15 @@
     }
 
     .first-home-mortgage-table-wrap {
-      overflow-x: visible;
+      overflow-x: auto;
       padding-bottom: 2px;
     }
 
     .first-home-mortgage-table {
-      width: 100%;
-      min-width: 0;
+      width: max-content;
+      min-width: 100%;
       border-collapse: collapse;
-      table-layout: fixed;
+      table-layout: auto;
       border: 1px solid rgba(27, 141, 127, 0.16);
       border-radius: 12px;
       overflow: hidden;
@@ -971,16 +971,16 @@
 
     .first-home-mortgage-table th {
       text-align: left;
-      font-size: 0.72rem;
+      font-size: 0.68rem;
       color: #2a5954;
       font-weight: 800;
-      padding: 8px 10px 6px;
+      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: 8px;
+      padding: 7px;
       border-top: 1px solid rgba(27, 141, 127, 0.08);
     }
 
@@ -993,7 +993,7 @@
       display: flex;
       align-items: center;
       gap: 5px;
-      flex-wrap: wrap;
+      flex-wrap: nowrap;
       line-height: 1.15;
     }
 
@@ -1001,6 +1001,38 @@
       width: 100%;
     }
 
+    .first-home-mortgage-table select {
+      width: 100%;
+    }
+
+    .first-home-mortgage-table #primaCasaValoreLocativo,
+    .first-home-mortgage-table #primaCasaMutuoImporto {
+      min-width: 116px;
+    }
+
+    .first-home-mortgage-table #primaCasaMutuoScadenza {
+      min-width: 132px;
+    }
+
+    .first-home-mortgage-table #primaCasaAssegnataA {
+      min-width: 220px;
+    }
+
+    .first-home-mortgage-table-check-col {
+      width: 132px;
+    }
+
+    .first-home-mortgage-table-check-cell {
+      text-align: center;
+      vertical-align: middle;
+    }
+
+    .first-home-mortgage-table-check-cell input[type="checkbox"] {
+      width: 22px;
+      height: 22px;
+      margin: 0;
+    }
+
     .extra-box-first-home .field {
       border-radius: 12px;
       padding: 8px 9px 7px;

package/package.json

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