mantenimento-app 2.4.13 → 2.4.15

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.15"></script>
 </body>
 </html>
 

package/frontend/public/styles.css

@@ -954,7 +954,7 @@
     }
 
     .first-home-mortgage-table-wrap {
-      overflow-x: visible;
+      overflow-x: hidden;
       padding-bottom: 2px;
     }
 
@@ -969,6 +969,31 @@
       background: rgba(255, 255, 255, 0.55);
     }
 
+    .first-home-mortgage-table th:nth-child(1),
+    .first-home-mortgage-table td:nth-child(1) {
+      width: 22%;
+    }
+
+    .first-home-mortgage-table th:nth-child(2),
+    .first-home-mortgage-table td:nth-child(2) {
+      width: 22%;
+    }
+
+    .first-home-mortgage-table th:nth-child(3),
+    .first-home-mortgage-table td:nth-child(3) {
+      width: 14%;
+    }
+
+    .first-home-mortgage-table th:nth-child(4),
+    .first-home-mortgage-table td:nth-child(4) {
+      width: 30%;
+    }
+
+    .first-home-mortgage-table th:nth-child(5),
+    .first-home-mortgage-table td:nth-child(5) {
+      width: 12%;
+    }
+
     .first-home-mortgage-table th {
       text-align: left;
       font-size: 0.68rem;
@@ -999,10 +1024,37 @@
 
     .first-home-mortgage-table input {
       width: 100%;
+      min-width: 0;
     }
 
     .first-home-mortgage-table select {
       width: 100%;
+      min-width: 0;
+    }
+
+    .first-home-mortgage-table-check-col {
+      min-width: 88px;
+    }
+
+    .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;
+    }
+
+    @media (max-width: 980px) {
+      .first-home-mortgage-table-wrap {
+        overflow-x: auto;
+      }
+
+      .first-home-mortgage-table {
+        min-width: 900px;
+      }
     }
 
     .extra-box-first-home .field {

package/package.json

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