Reverted model search dropdown behavior to not add highlighted value.

- Added clear search button.
- Hide search button if dynamic search is active.
- Fixed bug where dynamic search was not dynamically updating when selecting from model dropdown.
- Tweaked CSS padding.
- On touch devices, make model dropdown short, just in case a keyboard is blocking the dropdown options.

web/model-manager.css

@@ -164,7 +164,7 @@
 
 .model-manager .tab-header {
     display: flex;
-    padding: 8px 0;
+    padding: 8px 0px;
     flex-direction: column;
     background-color: var(--bg-color);
 }
@@ -223,7 +223,7 @@
 .model-manager .model-manager-body {
     background-color: var(--bg-color);
     border: 2px solid var(--border-color);
-    padding: 16px 0px;
+    padding: 0;
 }
 
 .model-manager .model-manager-panel {
@@ -236,20 +236,16 @@
 .model-manager .model-manager-body {
     flex: 1;
     overflow: hidden;
-}
-
-.model-manager .model-manager-body > div {
-    position: relative;
-    height: 100%;
-    width: auto;
-    padding: 0 16px;
-    overflow-x: auto;
+    padding: 8px 16px;
 }
 
 .model-manager .model-manager-body .tab-contents {
+    position: relative;
     display: flex;
     flex-direction: column;
     height: 100%;
+    width: auto;
+    overflow-x: auto;
 }
 
 .model-manager .model-manager-body .tab-content {
@@ -306,7 +302,7 @@
 .model-manager .download-model-infos {
     display: flex;
     flex-direction: column;
-    padding: 16px 0;
+    padding: 0;
     row-gap: 10px;
 }
 
@@ -591,12 +587,18 @@
     border: 2px var(--border-color) solid;
     border-radius: 10px;
     color: var(--fg-color);
-    max-height: 30vh;
+    max-height: 40vh;
     overflow: auto;
     position: absolute;
     z-index: 1;
 }
 
+@media (pointer:none), (pointer:coarse) {
+    .model-manager .search-directory-dropdown {
+        max-height: 17.5vh;
+    }
+}
+
 .model-manager .search-directory-dropdown:empty {
     display: none;
 }