mantenimento-app 2.4.13 → 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">
@@ -383,6 +377,11 @@
                             <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>
@@ -397,6 +396,7 @@
                             <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>
@@ -652,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.13"></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;
@@ -993,7 +993,7 @@
       display: flex;
       align-items: center;
       gap: 5px;
-      flex-wrap: wrap;
+      flex-wrap: nowrap;
       line-height: 1.15;
     }
 
@@ -1005,6 +1005,34 @@
       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.13",
+  "version": "2.4.14",
   "description": "Frontend + backend architecture for the mantenimento calculator",
   "type": "commonjs",
   "main": "backend/calculate-model.js",