From 14c1d17632a4daea1bed5cb0662efe11810bc530 Mon Sep 17 00:00:00 2001
From: cmdr2 <secondary.cmdr2@gmail.com>
Date: Sun, 16 Jul 2023 15:46:24 +0530
Subject: [PATCH] Move the remove button to the left side of the lora, to
 increase the space for the model name

---
 ui/media/css/main.css | 12 +++++++++++-
 ui/media/js/main.js   |  2 ++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/ui/media/css/main.css b/ui/media/css/main.css
index b2014252..79cbc3b9 100644
--- a/ui/media/css/main.css
+++ b/ui/media/css/main.css
@@ -1684,7 +1684,17 @@ body.wait-pause {
 }
 
 .model_entry .model_name {
-    width: 65%;
+    width: 73%;
+}
+
+.model_entry {
+    position: relative;
+}
+
+.model_entry .remove_model_btn {
+    position: absolute;
+    left: -23pt;
+    top: 4pt;
 }
 
 .diffusers-disabled-on-startup .diffusers-restart-needed {
diff --git a/ui/media/js/main.js b/ui/media/js/main.js
index d2412a43..20359640 100644
--- a/ui/media/js/main.js
+++ b/ui/media/js/main.js
@@ -2262,6 +2262,8 @@ function addModelEntry(modelContainer, modelsList, modelType, defaultValue, stre
     let entry = [modelName, modelStrength, modelElement]
 
     let removeBtn = document.createElement("button")
+    removeBtn.className = "remove_model_btn"
+    removeBtn.setAttribute("title", "Remove model")
     removeBtn.innerHTML = '<i class="fa-solid fa-minus"></i>'
 
     if (modelsList.length === 0) {