From 1f8ab377f798cb85ec44ad75ee019c0a7ca67ba6 Mon Sep 17 00:00:00 2001
From: Will Miao <willmiao.dev@gmail.com>
Date: Tue, 24 Feb 2026 14:57:28 +0800
Subject: [PATCH] refactor(settings): Move Priority Tags into Download Path
 Templates section

- Move Priority Tags setting from separate section to bottom of Download Path Templates
- Fix help link button position to be inline with label using flexbox layout
- Add CSS styles for .priority-tags-header-row and .priority-tags-header
---
 .../css/components/modal/settings-modal.css   | 23 ++++-
 .../components/modals/settings_modal.html     | 83 +++++++++----------
 2 files changed, 61 insertions(+), 45 deletions(-)

diff --git a/static/css/components/modal/settings-modal.css b/static/css/components/modal/settings-modal.css
index efcb0159..84894abc 100644
--- a/static/css/components/modal/settings-modal.css
+++ b/static/css/components/modal/settings-modal.css
@@ -440,11 +440,32 @@
     gap: var(--space-2);
 }
 
-.priority-tags-header {
+.priority-tags-header-row {
+    display: flex;
+    flex-direction: row;
     align-items: center;
     justify-content: flex-start;
 }
 
+.priority-tags-header-row .setting-info {
+    width: auto;
+    flex-shrink: 0;
+}
+
+.priority-tags-header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: flex-start;
+    gap: 8px;
+    width: auto;
+}
+
+.priority-tags-header label {
+    display: inline-flex;
+    white-space: nowrap;
+}
+
 .priority-tags-info {
     display: flex;
     align-items: center;
diff --git a/templates/components/modals/settings_modal.html b/templates/components/modals/settings_modal.html
index a47c4971..b0d2f8c1 100644
--- a/templates/components/modals/settings_modal.html
+++ b/templates/components/modals/settings_modal.html
@@ -508,6 +508,45 @@
                                     </div>
                                 </div>
                             </div>
+
+                            <!-- Priority Tags -->
+                            <div class="setting-item priority-tags-item">
+                                <div class="setting-row priority-tags-header-row">
+                                    <div class="setting-info priority-tags-header">
+                                        <label>{{ t('settings.priorityTags.title') }}</label>
+                                        <a class="settings-action-link priority-tags-help-link" href="https://github.com/willmiao/ComfyUI-Lora-Manager/wiki/Priority-Tags-Configuration-Guide" target="_blank" rel="noopener" aria-label="{{ t('settings.priorityTags.helpLinkLabel') }}" title="{{ t('settings.priorityTags.helpLinkLabel') }}">
+                                            <i class="fas fa-question-circle" aria-hidden="true"></i>
+                                        </a>
+                                    </div>
+                                </div>
+                                <div class="input-help">{{ t('settings.priorityTags.description') }}</div>
+                                <div class="priority-tags-tabs">
+                                    <input type="radio" id="priority-tags-tab-lora" name="priority-tags-tab" class="priority-tags-tab-input" checked>
+                                    <input type="radio" id="priority-tags-tab-checkpoint" name="priority-tags-tab" class="priority-tags-tab-input">
+                                    <input type="radio" id="priority-tags-tab-embedding" name="priority-tags-tab" class="priority-tags-tab-input">
+                                    
+                                    <div class="priority-tags-tablist">
+                                        <label class="priority-tags-tab-label" for="priority-tags-tab-lora" id="priority-tags-tab-lora-label">{{ t('settings.priorityTags.modelTypes.lora') }}</label>
+                                        <label class="priority-tags-tab-label" for="priority-tags-tab-checkpoint" id="priority-tags-tab-checkpoint-label">{{ t('settings.priorityTags.modelTypes.checkpoint') }}</label>
+                                        <label class="priority-tags-tab-label" for="priority-tags-tab-embedding" id="priority-tags-tab-embedding-label">{{ t('settings.priorityTags.modelTypes.embedding') }}</label>
+                                    </div>
+                                    
+                                    <div class="priority-tags-panels">
+                                        <div class="priority-tags-panel" id="priority-tags-panel-lora">
+                                            <textarea id="loraPriorityTagsInput" class="priority-tags-input" placeholder="{{ t('settings.priorityTags.placeholder') }}"></textarea>
+                                            <div class="settings-input-error-message" id="loraPriorityTagsError"></div>
+                                        </div>
+                                        <div class="priority-tags-panel" id="priority-tags-panel-checkpoint">
+                                            <textarea id="checkpointPriorityTagsInput" class="priority-tags-input" placeholder="{{ t('settings.priorityTags.placeholder') }}"></textarea>
+                                            <div class="settings-input-error-message" id="checkpointPriorityTagsError"></div>
+                                        </div>
+                                        <div class="priority-tags-panel" id="priority-tags-panel-embedding">
+                                            <textarea id="embeddingPriorityTagsInput" class="priority-tags-input" placeholder="{{ t('settings.priorityTags.placeholder') }}"></textarea>
+                                            <div class="settings-input-error-message" id="embeddingPriorityTagsError"></div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
                         </div>
                         
                         <!-- Update Flags -->
@@ -609,50 +648,6 @@
                                 </div>
                             </div>
                         </div>
-                        
-                        <!-- Priority Tags -->
-                        <div class="settings-subsection">
-                            <div class="settings-subsection-header">
-                                <h4>{{ t('settings.priorityTags.title') }}</h4>
-                            </div>
-                            <div class="setting-item priority-tags-item">
-                                <div class="setting-row">
-                                    <div class="setting-info priority-tags-header">
-                                        <label>{{ t('settings.priorityTags.title') }}</label>
-                                        <a class="settings-action-link priority-tags-help-link" href="https://github.com/willmiao/ComfyUI-Lora-Manager/wiki/Priority-Tags-Configuration-Guide" target="_blank" rel="noopener" aria-label="{{ t('settings.priorityTags.helpLinkLabel') }}" title="{{ t('settings.priorityTags.helpLinkLabel') }}">
-                                            <i class="fas fa-question-circle" aria-hidden="true"></i>
-                                        </a>
-                                    </div>
-                                </div>
-                                <div class="input-help">{{ t('settings.priorityTags.description') }}</div>
-                                <div class="priority-tags-tabs">
-                                    <input type="radio" id="priority-tags-tab-lora" name="priority-tags-tab" class="priority-tags-tab-input" checked>
-                                    <input type="radio" id="priority-tags-tab-checkpoint" name="priority-tags-tab" class="priority-tags-tab-input">
-                                    <input type="radio" id="priority-tags-tab-embedding" name="priority-tags-tab" class="priority-tags-tab-input">
-                                    
-                                    <div class="priority-tags-tablist">
-                                        <label class="priority-tags-tab-label" for="priority-tags-tab-lora" id="priority-tags-tab-lora-label">{{ t('settings.priorityTags.modelTypes.lora') }}</label>
-                                        <label class="priority-tags-tab-label" for="priority-tags-tab-checkpoint" id="priority-tags-tab-checkpoint-label">{{ t('settings.priorityTags.modelTypes.checkpoint') }}</label>
-                                        <label class="priority-tags-tab-label" for="priority-tags-tab-embedding" id="priority-tags-tab-embedding-label">{{ t('settings.priorityTags.modelTypes.embedding') }}</label>
-                                    </div>
-                                    
-                                    <div class="priority-tags-panels">
-                                        <div class="priority-tags-panel" id="priority-tags-panel-lora">
-                                            <textarea id="loraPriorityTagsInput" class="priority-tags-input" placeholder="{{ t('settings.priorityTags.placeholder') }}"></textarea>
-                                            <div class="settings-input-error-message" id="loraPriorityTagsError"></div>
-                                        </div>
-                                        <div class="priority-tags-panel" id="priority-tags-panel-checkpoint">
-                                            <textarea id="checkpointPriorityTagsInput" class="priority-tags-input" placeholder="{{ t('settings.priorityTags.placeholder') }}"></textarea>
-                                            <div class="settings-input-error-message" id="checkpointPriorityTagsError"></div>
-                                        </div>
-                                        <div class="priority-tags-panel" id="priority-tags-panel-embedding">
-                                            <textarea id="embeddingPriorityTagsInput" class="priority-tags-input" placeholder="{{ t('settings.priorityTags.placeholder') }}"></textarea>
-                                            <div class="settings-input-error-message" id="embeddingPriorityTagsError"></div>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
                     </div>
                     
                     <!-- Section 4: Organization -->