style: refine search box layout in default-dynamix.css and gui_search.css

- Removed the .guiSearchBoxResults class from default-dynamix.css to simplify the search box layout.
- Updated #guiSearchBoxSpan in gui_search.css to use inline-flex for better alignment and added padding for improved aesthetics.
- Adjusted positioning of the search box icon for better visual consistency.

emhttp/plugins/dynamix.gui.search/sheets/gui_search.css

@@ -4,7 +4,9 @@
 }
 
 #guiSearchBoxSpan {
-    display: inline-block;
+    position: relative;
+    display: inline-flex;
+    align-items: center;
     padding: 0;
     text-align: left;
     height: auto;
@@ -18,25 +20,29 @@
     border-radius: 20px;
     color: var(--gui-search-search-box-text-color);
     background-color: var(--gui-search-search-box-background-color);
+    padding-left: 4rem;
 }
 
 .Theme--black,
 .Theme--white {
     #guiSearchBoxSpan {
-        position: relative;
-        margin: 4px 2px 2px 2px;
+        width: 100%;
+
+        .awesomplete,
+        #guiSearchBox {
+            width: 100%;
+        }
     }
+
     #guiSearchBoxSpan:after {
         font-family: unraid;
         content: "\e956";
         position: absolute;
-        top: 0.8rem;
+        top: 50%;
         left: 1.5rem;
+        transform: translateY(-50%);
         font-size: 1.3rem;
     }
-    #guiSearchBox {
-        padding-left: 4rem;
-    }
 }
 
 .Theme--sidebar {

emhttp/plugins/dynamix/styles/default-dynamix.css

@@ -1262,9 +1262,6 @@ div.icon-zip {
 #guiSearchBox:placeholder-shown {
     caret-color: transparent;
 }
-.guiSearchBoxResults {
-    width: 450px;
-}
 .awesomplete [hidden] {
     display: none;
 }
@@ -1403,11 +1400,6 @@ div.icon-zip {
     div.box {
         line-height: 2.4rem;
     }
-    .guiSearchBoxResults {
-        position: fixed !important;
-        top: 90px !important;
-        left: 250px !important;
-    }
     select[name="port_select"] {
         border: none;
         min-width: 54px;