From d0954d8bdc19c79c626fa5af4aa23e10077f33a1 Mon Sep 17 00:00:00 2001
From: Liviu-Mihail Concioiu <liviu.concioiu@gmail.com>
Date: Wed, 4 Mar 2026 23:05:48 +0100
Subject: [PATCH] Improve indexes design in structure snapshot

Signed-off-by: Liviu-Mihail Concioiu <liviu.concioiu@gmail.com>
---
 .../tracking/structure_snapshot_indexes.twig  | 73 ++++++++++---------
 1 file changed, 40 insertions(+), 33 deletions(-)

diff --git a/resources/templates/table/tracking/structure_snapshot_indexes.twig b/resources/templates/table/tracking/structure_snapshot_indexes.twig
index 3e1c41beec..361c691985 100644
--- a/resources/templates/table/tracking/structure_snapshot_indexes.twig
+++ b/resources/templates/table/tracking/structure_snapshot_indexes.twig
@@ -1,33 +1,40 @@
-<h3>{{ t('Indexes') }}</h3>
-<table id="tablestructure_indexes" class="table table-striped table-hover">
-    <thead>
-        <tr>
-            <th>{{ t('Keyname') }}</th>
-            <th>{{ t('Type') }}</th>
-            <th>{{ t('Unique') }}</th>
-            <th>{{ t('Packed') }}</th>
-            <th>{{ t('Column') }}</th>
-            <th>{{ t('Cardinality') }}</th>
-            <th>{{ t('Collation') }}</th>
-            <th>{{ t('Null') }}</th>
-            <th>{{ t('Comment') }}</th>
-        </tr>
-    </thead>
-    <tbody>
-        {% for index in indexes %}
-            <tr class="noclick">
-                <td>
-                    <strong>{{ index['Key_name'] }}</strong>
-                </td>
-                <td>{{ index['Index_type'] }}</td>
-                <td>{{ index['Non_unique'] == 0 ? t('Yes') : t('No') }}</td>
-                <td>{{ index['Packed'] != '' ? t('Yes') : t('No') }}</td>
-                <td>{{ index['Column_name'] }}</td>
-                <td>{{ index['Cardinality'] }}</td>
-                <td>{{ index['Collation'] }}</td>
-                <td>{{ index['Null'] }}</td>
-                <td>{{ index['Comment'] }}</td>
-            </tr>
-        {% endfor %}
-    </tbody>
-</table>
+<div class="card">
+    <div class="card-header">
+        {{ t('Indexes') }}
+        {{ show_mysql_docu('optimizing-database-structure') }}
+    </div>
+    <div class="card-body">
+        <table id="tablestructure_indexes" class="table table-striped table-hover w-auto">
+            <thead>
+                <tr>
+                    <th>{{ t('Keyname') }}</th>
+                    <th>{{ t('Type') }}</th>
+                    <th>{{ t('Unique') }}</th>
+                    <th>{{ t('Packed') }}</th>
+                    <th>{{ t('Column') }}</th>
+                    <th>{{ t('Cardinality') }}</th>
+                    <th>{{ t('Collation') }}</th>
+                    <th>{{ t('Null') }}</th>
+                    <th>{{ t('Comment') }}</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for index in indexes %}
+                    <tr class="noclick">
+                        <td>
+                            <strong>{{ index['Key_name'] }}</strong>
+                        </td>
+                        <td>{{ index['Index_type'] }}</td>
+                        <td>{{ index['Non_unique'] == 0 ? t('Yes') : t('No') }}</td>
+                        <td>{{ index['Packed'] != '' ? t('Yes') : t('No') }}</td>
+                        <td>{{ index['Column_name'] }}</td>
+                        <td>{{ index['Cardinality'] }}</td>
+                        <td>{{ index['Collation'] }}</td>
+                        <td>{{ index['Null'] }}</td>
+                        <td>{{ index['Comment'] }}</td>
+                    </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+</div>