From 2fb0497cec48bc67f1b953d75e3e48a2aaf7ee89 Mon Sep 17 00:00:00 2001
From: Zack Spear <hi@zackspear.com>
Date: Wed, 21 May 2025 11:17:37 -0700
Subject: [PATCH] fix: enhance layout consistency in CacheDevices.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/CacheDevices.page | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/emhttp/plugins/dynamix/CacheDevices.page b/emhttp/plugins/dynamix/CacheDevices.page
index 39b326fa8..007ee398f 100644
--- a/emhttp/plugins/dynamix/CacheDevices.page
+++ b/emhttp/plugins/dynamix/CacheDevices.page
@@ -129,6 +129,7 @@ $('#tab2').bind({click:function() {$('i.toggle').show('slow');}});
 <?endif;?>
 </script>
 
+<div class="TableContainer">
 <table class="unraid disk_status">
 <?$i = 0?>
 <?foreach ($pools as $pool):?>
@@ -139,9 +140,26 @@ $power = _var($display,'power') && in_array('nvme',array_column($cache,'transpor
 $root  = explode($_tilde_,$pool)[0];
 ?>
 <?if ($i==0):?>
-<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>
+<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>
 <?else:?>
-<thead><tr><td class="divider" colspan="10"></td></td></tr></thead>
+<thead>
+  <tr>
+    <td class="divider" colspan="10"></td>
+  </tr>
+</thead>
 <?endif;?>
 <?endif;?>
 <tbody id="pool_device<?=$i++?>">
@@ -151,6 +169,7 @@ $root  = explode($_tilde_,$pool)[0];
 <?endif;?>
 <?endforeach;?>
 </table>
+</div>
 
 :cache_devices_help: