From 78c72d6815c0071244e6810facfe3e64cd34b443 Mon Sep 17 00:00:00 2001
From: andersonid <nobre.it@gmail.com>
Date: Thu, 2 Oct 2025 10:23:02 -0300
Subject: [PATCH] UI: reorder elements - show Generate VPA YAML button before
 OpenShift commands

---
 app/static/index.html | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/app/static/index.html b/app/static/index.html
index eb419b4..f6aa8d5 100644
--- a/app/static/index.html
+++ b/app/static/index.html
@@ -1616,6 +1616,15 @@
                                     </div>
                                 ` : ''}
 
+                                <div style="display: flex; gap: 0.5rem; margin-top: 1rem; margin-bottom: 1rem;">
+                                    ${rec.vpa_yaml ? `
+                                        <button onclick="showVPAYaml(${index})" 
+                                                style="padding: 0.5rem 1rem; background: #9b59b6; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 0.9rem;">
+                                            📄 Generate VPA YAML
+                                        </button>
+                                    ` : ''}
+                                </div>
+
                                 ${rec.kubectl_commands && rec.kubectl_commands.length > 0 ? `
                                     <div style="margin-bottom: 1rem;">
                                         <h4 style="color: #2c3e50; margin-bottom: 0.5rem; font-size: 1rem;">OpenShift Commands:</h4>
@@ -1624,15 +1633,6 @@
                                         </div>
                                     </div>
                                 ` : ''}
-
-                                <div style="display: flex; gap: 0.5rem; margin-top: 1rem;">
-                                    ${rec.vpa_yaml ? `
-                                        <button onclick="showVPAYaml(${index})" 
-                                                style="padding: 0.5rem 1rem; background: #9b59b6; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 0.9rem;">
-                                            📄 Generate VPA YAML
-                                        </button>
-                                    ` : ''}
-                                </div>
                             </div>
                         </div>
                     `;