From d5c38ea14da3e1173169ab0411ab8c53d2949396 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Tue, 20 May 2025 18:51:26 -0700
Subject: [PATCH] fix: enhance layout consistency in OpenDevices.page

- Wrapped the devices table in a div for improved layout structure.
- This change continues the effort to enhance visual consistency across the plugin.
---
 emhttp/plugins/dynamix/OpenDevices.page | 35 ++++++++++++++++++-------
 1 file changed, 25 insertions(+), 10 deletions(-)

diff --git a/emhttp/plugins/dynamix/OpenDevices.page b/emhttp/plugins/dynamix/OpenDevices.page
index f187aeb49..a341465b1 100644
--- a/emhttp/plugins/dynamix/OpenDevices.page
+++ b/emhttp/plugins/dynamix/OpenDevices.page
@@ -25,15 +25,30 @@ $('<?=$tabX?>').bind({click:function() {$('i.toggle').show('slow');}});
 <?endif;?>
 </script>
 
-<table class="unraid disk_status">
-<thead><tr><td>_(Device)_</td><td>_(Identification)_</td><td><?=$power?>_(Temp)_</td><td>_(Reads)_</td><td>_(Writes)_</td><td>_(Errors)_</td><td>_(FS)_</td><td>_(Size)_</td><td>_(Used)_</td><td>_(Free)_</td></tr></thead>
-<tbody id="open_devices">
-<?
-foreach ($devs as $dev):
-  echo "<tr><td colspan='10'></td></tr>";
-endforeach;
-?>
-</tbody>
-</table>
+<div class="TableContainer">
+  <table class="unraid disk_status">
+    <thead>
+      <tr>
+        <td>_(Device)_</td>
+        <td>_(Identification)_</td>
+        <td><?=$power?>_(Temp)_</td>
+        <td>_(Reads)_</td>
+        <td>_(Writes)_</td>
+        <td>_(Errors)_</td>
+        <td>_(FS)_</td>
+        <td>_(Size)_</td>
+        <td>_(Used)_</td>
+        <td>_(Free)_</td>
+      </tr>
+    </thead>
+    <tbody id="open_devices">
+    <?
+    foreach ($devs as $dev):
+      echo "<tr><td colspan='10'></td></tr>";
+    endforeach;
+    ?>
+    </tbody>
+  </table>
+</div>
 
 :open_devices_help: