optimize param table mobile

Author: naltatis

src/components/DeviceParams.astro

@@ -264,6 +264,7 @@ const showUsagesCol = rows.some((r) => r.usages.length > 0);
           </div>
         </div>
       )}
+      <div class="device-params-scroll">
       <table>
         <thead>
           <tr>
@@ -322,6 +323,7 @@ const showUsagesCol = rows.some((r) => r.usages.length > 0);
           ))}
         </tbody>
       </table>
+      </div>
     </section>
   )
 }
@@ -334,10 +336,16 @@ const showUsagesCol = rows.some((r) => r.usages.length > 0);
     margin-bottom: 0.75rem;
     font-size: 1.25rem;
   }
+  /* Horizontal scroll container — kicks in on narrow viewports so the
+     table can keep its natural column widths instead of cramping. */
+  .device-params-scroll {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+  }
   .device-params table {
     display: table !important;
     width: 100% !important;
-    min-width: 100%;
+    min-width: 600px;
     table-layout: auto;
     border-collapse: collapse;
     font-size: 0.9rem;