Fix #4309: make searchbox responsive.

Oqtane.Client/Themes/BlazorTheme/Themes/Default.razor

@@ -11,13 +11,18 @@
         <nav class="navbar">
             <Logo />
             <Menu Orientation="Vertical" />
-            <Search CssClass="px-3" />
+            <Search CssClass="px-3 d-none d-md-block" />
         </nav>
     </div>
 
     <div class="main g-0">
         <div class="top-row px-4">
-            <div class="ms-auto"><UserProfile /> <Login /> <ControlPanel LanguageDropdownAlignment="right" /></div>
+            <div class="ms-auto">
+                <UserProfile />
+                <Login />
+                <Search CssClass="me-3 text-center bg-primary d-inline-block d-md-none" Position="Top" />
+                <ControlPanel LanguageDropdownAlignment="right" />
+            </div>
         </div>
         <div class="container">
             <div class="row px-4">

Oqtane.Client/Themes/Controls/Theme/Search.razor

@@ -9,7 +9,7 @@
 @if (_searchResultsPage != null)
 {
     <span class="app-search @CssClass">
-        <form method="post" class="app-form-inline" @formname="SearchForm" @onsubmit="@PerformSearch" data-enhance>
+        <form method="post" class="app-form-inline" @formname="@($"{Position}SearchForm")" @onsubmit="@PerformSearch" data-enhance>
             <input type="hidden" name="@Constants.RequestVerificationToken" value="@SiteState.AntiForgeryToken" />
             <input type="text" name="keywords" maxlength="50"
                    class="form-control d-inline-block pe-5 shadow-none"
@@ -32,6 +32,9 @@
     [Parameter]
     public string CssClass { get; set; }
 
+    [Parameter]
+    public string Position { get; set; } = "Main";
+
     [Parameter]
     public string SearchResultPagePath { get; set; } = "search";
 

Oqtane.Client/Themes/OqtaneTheme/Themes/Default.razor

@@ -9,7 +9,7 @@
             <div class="controls-group">
                 <UserProfile ShowRegister="@_register" /> 
                 <Login ShowLogin="@_login" /> 
-                <Search CssClass="me-3" /> 
+                <Search CssClass="me-3 text-center bg-primary" />
                 <ControlPanel LanguageDropdownAlignment="right" />
             </div>
         </div>