.

webapp/templates/viewer.html

@@ -240,8 +240,15 @@
     max-width: min(920px, 100%); height: auto; border-radius: var(--radius-lg);
     border: 1px solid var(--border); box-shadow: 0 8px 24px rgba(0,0,0,.08);
   }
-  .rescan-box {
+  .scan-cluster {
     width: min(560px, 100%);
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+  .rescan-box {
+    width: 100%;
     background: var(--bg2); border: 1px solid var(--border); border-radius: var(--radius-lg);
     padding: 16px 18px;
   }
@@ -274,7 +281,7 @@
   }
   .rescan-filemeta:empty { display: none; }
   .rescan-filemeta.warn { color: var(--danger); }
-  .wipe-box { margin-top: 16px; }
+  .wipe-box { margin-top: 0; }
   .wipe-box input[type=text] { width: 100%; font-family: var(--mono); }
   .rescan-kw-input { width: 100%; }
   .rescan-hint { margin-bottom: 10px; line-height: 1.45; }
@@ -347,7 +354,8 @@
 {% endif %}
 
 <div id="tab-scan" class="panel {% if not home_url %}active{% endif %}">
-  <div class="rescan-box">
+  <div class="scan-cluster">
+    <div class="rescan-box">
     <h3>Help файлове</h3>
     <div class="rescan-pick">
       <button type="button" class="format-btn" id="rescan-pick-file"
@@ -395,6 +403,7 @@
     </div>
     <div class="rescan-status" id="wipe-status"></div>
   </div>
+  </div>
 </div>
 
 <div id="tab-editor" class="panel">