From c8ce316d59c4a4d5d00e8d13936863c924d36b60 Mon Sep 17 00:00:00 2001
From: Christian Bastian <80225746+cdb-boop@users.noreply.github.com>
Date: Sat, 6 Apr 2024 18:57:59 -0400
Subject: [PATCH] Adjusted CSS for model manager element.

- May have fixed blurriness issue with certain dimensions.
---
 web/model-manager.css | 45 +++++++++++++++++++++++++------------------
 1 file changed, 26 insertions(+), 19 deletions(-)

diff --git a/web/model-manager.css b/web/model-manager.css
index e5391df..6c94a69 100644
--- a/web/model-manager.css
+++ b/web/model-manager.css
@@ -1,14 +1,26 @@
 /* model manager */
 .model-manager {
+    background-color: var(--comfy-menu-bg);
     box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    max-width: unset;
-    max-height: unset;
-    padding: 8px;
     color: var(--bg-color);
-    z-index: 2000;
+    font-family: monospace;
+    font-size: 15px;
+    height: 100%;
+    padding: 8px;
+    position: fixed;
     overflow: hidden;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 2000;
+    
+    /*override comfy-modal settings*/
+    border-radius: 0;
+    box-shadow: none;
+    justify-content: unset;
+    max-height: unset;
+    max-width: unset;
+    transform: none;
 }
 
 .model-manager .comfy-modal-content {
@@ -18,22 +30,22 @@
 
 .model-manager.sidebar-left {
     width: 50%;
-    left: 25%;
+    left: 0%;
 }
 
 .model-manager.sidebar-top {
     height: 50%;
-    top: 25%;
+    top: 0%;
 }
 
 .model-manager.sidebar-bottom {
     height: 50%;
-    top: 75%;
+    top: 50%;
 }
 
 .model-manager.sidebar-right {
     width: 50%;
-    left: 75%;
+    left: 50%;
 }
 
 .model-manager .sidebar-buttons .sidebar-button-active {
@@ -80,11 +92,6 @@
     width: 100%;
 }
 
-.comfy-table a {
-    color: #007acc;
-    text-decoration: none;
-}
-
 .model-manager ::-webkit-scrollbar {
     width: 16px;
 }
@@ -113,7 +120,7 @@
    font-style: italic; 
 }
 
-.icon-button {
+.model-manager .icon-button {
     height: 40px;
     width: 40px;
     line-height: 1.15;
@@ -424,12 +431,12 @@
 }
 
 /* model preview select */
-.model-preview-select-radio-container {
+.model-manager .model-preview-select-radio-container {
     min-width: 0;
     flex: 1;
 }
 
-.model-preview-select-radio-inputs > div {
+.model-manager .model-preview-select-radio-inputs > div {
     height: 40px;
     padding: 16px 0 8px 0;
 }
@@ -550,6 +557,6 @@
     width: 50px;
 }
 
-.search-settings-text {
+.model-manager .search-settings-text {
     width: 100%;
 }