style: adjust gui_search CSS for improved layout and responsiveness

- Removed text alignment from .nav-tile.right in default-base.css for better flex alignment.
- Updated padding and width for #guiSearchBox in gui_search.css to enhance the search box layout.
- Added a media query for #guiSearchBoxSpan to ensure consistent width on larger screens.

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

@@ -7,7 +7,7 @@
     position: relative;
     display: inline-flex;
     align-items: center;
-    padding: 0;
+    padding: 0 1rem;
     text-align: left;
     height: auto;
     line-height: normal;
@@ -15,12 +15,12 @@
 }
 
 #guiSearchBox {
-    width: 50rem;
+    width: 40rem;
     border: none;
     border-radius: 20px;
     color: var(--gui-search-search-box-text-color);
     background-color: var(--gui-search-search-box-background-color);
-    padding-left: 4rem;
+    padding-left: 2.4rem;
 }
 
 .Theme--black,
@@ -34,6 +34,12 @@
         }
     }
 
+    @media (min-width: 768px) {
+        #guiSearchBoxSpan {
+            min-width: 40rem;
+        }
+    }
+
     #guiSearchBoxSpan:after {
         font-family: unraid;
         content: "\e956";
@@ -50,7 +56,8 @@
     --gui-search-search-box-background-color: var(--yellow-200);
 
     #guiSearchBoxSpan {
-        margin: 0 0 0 20px;
+        margin: 0;
+        padding: 0;
     }
     #guiSearchBox {
         position: relative;

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

@@ -551,7 +551,6 @@ div.title span img {
 }
 @media (min-width: 768px) {
     .nav-tile.right {
-        text-align: right;
         justify-content: flex-end;
     }
 }