From f50c677bafde6683a74317430b5a146a0427e175 Mon Sep 17 00:00:00 2001
From: koko210Serve <koko.yordanov@proton.me>
Date: Tue, 31 Mar 2026 15:16:40 +0300
Subject: [PATCH] ui: move Re-crop Current button under cropped avatar preview
 in tab11

Relocated the button from the top action row to below the '512x512
displayed as circle' label for more intuitive placement next to the
avatar it acts on.
---
 bot/static/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bot/static/index.html b/bot/static/index.html
index 58988c7..3c19af0 100644
--- a/bot/static/index.html
+++ b/bot/static/index.html
@@ -1882,7 +1882,6 @@
         <div style="margin-bottom: 1rem; display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center;">
           <button onclick="pfpChangeDanbooru()">🎨 Change (Danbooru)</button>
           <button onclick="pfpRestoreFallback()">🔄 Restore Original Avatar</button>
-          <button onclick="pfpRecrop()">✂️ Re-crop Current</button>
         </div>
 
         <!-- Upload Section -->
@@ -2003,6 +2002,7 @@
             <span class="label">🎯 Current Avatar (cropped)</span>
             <img id="pfp-preview-current" src="" alt="Current avatar" style="border-radius: 50%; max-width: 256px; max-height: 256px;">
             <div style="font-size: 0.8rem; color: #666; margin-top: 0.3rem;">512×512 · displayed as circle</div>
+            <button onclick="pfpRecrop()" style="margin-top: 0.5rem;">✂️ Re-crop Current</button>
           </div>
         </div>