From 6434d4cbfe2e0dd5bcc4ced038e2aa08c598c776 Mon Sep 17 00:00:00 2001
From: catborise <catborise@gmail.com>
Date: Sun, 1 Nov 2026 23:07:48 +0300
Subject: [PATCH] fix(instances): the VM page's section bars fill their row

The buttons of the VM page's section bar and of the Settings bar under it
sat at the start of the row and left its end empty. Both bars now share
the whole row out among their buttons (Bootstrap's nav-fill), also when
they wrap on a narrow screen.
---
 instances/templates/instance.html               | 2 +-
 instances/templates/instances/settings_tab.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/instances/templates/instance.html b/instances/templates/instance.html
index 7cca6f16..03ec3851 100644
--- a/instances/templates/instance.html
+++ b/instances/templates/instance.html
@@ -69,7 +69,7 @@
             </dl>
         </div>
         <div class="card-footer p-2">
-            <ul class="nav nav-pills flex-wrap flex-lg-nowrap gap-1 small" id="navbtn" role="tablist" aria-label="{% trans "Instance actions" %}">
+            <ul class="nav nav-pills nav-fill flex-wrap flex-lg-nowrap gap-1 small" id="navbtn" role="tablist" aria-label="{% trans "Instance actions" %}">
                 {# a template is cloned, not run: no power, access, snapshots or stats #}
                 {% if not instance.is_template %}
                 <li class="nav-item" role="presentation">
diff --git a/instances/templates/instances/settings_tab.html b/instances/templates/instances/settings_tab.html
index 036cd3eb..1cc63667 100644
--- a/instances/templates/instances/settings_tab.html
+++ b/instances/templates/instances/settings_tab.html
@@ -6,7 +6,7 @@
     <!-- Nav tabs -->
     <div class="card">
     <div class="card-header bg-transparent pb-0">
-    <ul class="nav nav-underline small" role="tablist" aria-label="Instance settings">
+    <ul class="nav nav-underline nav-fill small" role="tablist" aria-label="Instance settings">
         {% if instance.guest_agent_ready %}
             <li class="nav-item" role="presentation">
                 <button class="px-1 nav-link" data-bs-toggle="tab" id="osinfo-tab" data-bs-target="#osinfo" type="button" role="tab" aria-controls="osinfo" aria-selected="false" onclick="get_osinfo();">