From 2e30c6584ff05f988d2712c56eae846b943d0df2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=B8=D0=BA=D1=82=D0=BE=D1=80?=
 <78488229+viktor138irk@users.noreply.github.com>
Date: Thu, 7 May 2026 21:06:39 +0900
Subject: [PATCH] =?UTF-8?q?=D0=91=D0=BB=D0=BE=D0=BA=20=D1=83=D0=BF=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20VM=20=D0=B1=D1=8B?=
 =?UTF-8?q?=D0=BB=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BD=D0=B5=D1=81=D1=91=D0=BD?=
 =?UTF-8?q?=20=D1=80=D1=8F=D0=B4=D0=BE=D0=BC=20=D1=81=20=D1=80=D0=B5=D1=81?=
 =?UTF-8?q?=D1=83=D1=80=D1=81=D0=B0=D0=BC=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/templates/vm_detail.html | 96 ++++++++++++++++++------------------
 1 file changed, 49 insertions(+), 47 deletions(-)

diff --git a/web/templates/vm_detail.html b/web/templates/vm_detail.html
index 5b5ed55..ef2af47 100644
--- a/web/templates/vm_detail.html
+++ b/web/templates/vm_detail.html
@@ -37,56 +37,56 @@
       {% if boot_message %}<div class="alert success">{{ boot_message }}</div>{% endif %}
       {% if boot_error %}<div class="alert danger">{{ boot_error }}</div>{% endif %}
 
-      <section class="card">
-        <div class="card-head">
-          <h2>Управление</h2>
-          <span class="pill">compact actions</span>
-        </div>
-        <div class="vm-control-panel">
-          <div>
-            <div class="label">Основные действия</div>
-            <div class="vm-actions compact-actions big-actions">
-              <a class="icon-action accent" href="/vm/{{ vm.name }}/console" target="_blank" rel="noopener" title="Открыть консоль"><span>▣</span><em>Консоль</em></a>
-              {% if is_running %}
-                <form method="post" action="/vm/{{ vm.name }}/reboot"><button class="icon-action" title="Перезагрузить"><span>↻</span><em>Reboot</em></button></form>
-                <form method="post" action="/vm/{{ vm.name }}/shutdown"><button class="icon-action" title="Мягко выключить"><span>⏻</span><em>Shutdown</em></button></form>
-              {% else %}
-                <form method="post" action="/vm/{{ vm.name }}/start"><button class="icon-action success" title="Запустить"><span>▶</span><em>Start</em></button></form>
-              {% endif %}
+      <section class="grid two vm-main-control-grid">
+        <article class="card">
+          <div class="card-head">
+            <h2>Управление</h2>
+            <span class="pill">actions</span>
+          </div>
+          <div class="vm-control-panel compact-control-panel">
+            <div>
+              <div class="label">Основные действия</div>
+              <div class="vm-actions compact-actions big-actions">
+                <a class="icon-action accent" href="/vm/{{ vm.name }}/console" target="_blank" rel="noopener" title="Открыть консоль"><span>▣</span><em>Консоль</em></a>
+                {% if is_running %}
+                  <form method="post" action="/vm/{{ vm.name }}/reboot"><button class="icon-action" title="Перезагрузить"><span>↻</span><em>Reboot</em></button></form>
+                  <form method="post" action="/vm/{{ vm.name }}/shutdown"><button class="icon-action" title="Мягко выключить"><span>⏻</span><em>Shutdown</em></button></form>
+                {% else %}
+                  <form method="post" action="/vm/{{ vm.name }}/start"><button class="icon-action success" title="Запустить"><span>▶</span><em>Start</em></button></form>
+                {% endif %}
+              </div>
+            </div>
+            <div>
+              <div class="label">Автозапуск</div>
+              <div class="vm-actions compact-actions big-actions">
+                {% if is_autostart %}
+                  <form method="post" action="/vm/{{ vm.name }}/autostart-disable" class="autostart-form">
+                    <button class="autostart-indicator on" title="Автозапуск включён. Нажми, чтобы отключить"><span>●</span><strong>Включён</strong><small>Нажми для отключения</small></button>
+                  </form>
+                {% else %}
+                  <form method="post" action="/vm/{{ vm.name }}/autostart" class="autostart-form">
+                    <button class="autostart-indicator off" title="Автозапуск выключен. Нажми, чтобы включить"><span>●</span><strong>Выключен</strong><small>Нажми для включения</small></button>
+                  </form>
+                {% endif %}
+              </div>
+              <p class="muted small-note">Автозапуск поднимает VM вместе с libvirt после перезагрузки хоста.</p>
+            </div>
+            <div class="danger-zone-inline">
+              <div class="label">Опасные действия</div>
+              <div class="vm-actions compact-actions big-actions">
+                {% if is_running %}
+                  <form method="post" action="/vm/{{ vm.name }}/destroy"><button class="icon-action danger" title="Принудительно выключить"><span>⚡</span><em>Power off</em></button></form>
+                {% endif %}
+                {% if not is_running %}
+                  <form method="post" action="/vm/{{ vm.name }}/delete" onsubmit="return confirm('Удалить VM {{ vm.name }} вместе с дисками?');"><button class="icon-action danger" title="Удалить VM вместе с дисками"><span>🗑</span><em>Delete</em></button></form>
+                {% else %}
+                  <span class="muted small-note">Удаление доступно после выключения VM.</span>
+                {% endif %}
+              </div>
             </div>
           </div>
-          <div>
-            <div class="label">Автозапуск</div>
-            <div class="vm-actions compact-actions big-actions">
-              {% if is_autostart %}
-                <form method="post" action="/vm/{{ vm.name }}/autostart-disable" class="autostart-form">
-                  <button class="autostart-indicator on" title="Автозапуск включён. Нажми, чтобы отключить"><span>●</span><strong>Включён</strong><small>Нажми для отключения</small></button>
-                </form>
-              {% else %}
-                <form method="post" action="/vm/{{ vm.name }}/autostart" class="autostart-form">
-                  <button class="autostart-indicator off" title="Автозапуск выключен. Нажми, чтобы включить"><span>●</span><strong>Выключен</strong><small>Нажми для включения</small></button>
-                </form>
-              {% endif %}
-            </div>
-            <p class="muted small-note">Автозапуск поднимает VM вместе с libvirt после перезагрузки хоста.</p>
-          </div>
-          <div class="danger-zone-inline">
-            <div class="label">Опасные действия</div>
-            <div class="vm-actions compact-actions big-actions">
-              {% if is_running %}
-                <form method="post" action="/vm/{{ vm.name }}/destroy"><button class="icon-action danger" title="Принудительно выключить"><span>⚡</span><em>Power off</em></button></form>
-              {% endif %}
-              {% if not is_running %}
-                <form method="post" action="/vm/{{ vm.name }}/delete" onsubmit="return confirm('Удалить VM {{ vm.name }} вместе с дисками?');"><button class="icon-action danger" title="Удалить VM вместе с дисками"><span>🗑</span><em>Delete</em></button></form>
-              {% else %}
-                <span class="muted small-note">Удаление доступно после выключения VM.</span>
-              {% endif %}
-            </div>
-          </div>
-        </div>
-      </section>
+        </article>
 
-      <section class="grid three vm-resource-boot-iso-grid">
         <article class="card">
           <div class="card-head">
             <h2>CPU / RAM / Архитектура</h2>
@@ -119,7 +119,9 @@
             <p class="muted small-note">Изменения применяются через XML VM и virsh define.</p>
           {% endif %}
         </article>
+      </section>
 
+      <section class="grid two vm-boot-iso-grid">
         <article class="card">
           <div class="card-head">
             <h2>ISO-привод</h2>