From 2af98c5d5bc5859b8c05d596bd83b61a48220a80 Mon Sep 17 00:00:00 2001
From: Danny Miller <k2xl.com@gmail.com>
Date: Wed, 26 Jun 2024 22:52:10 -0400
Subject: [PATCH] formatting

---
 components/page/multiSelectUser.tsx |  2 +-
 pages/[subdomain]/search/index.tsx  | 31 +++++++++++++++++------------
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/components/page/multiSelectUser.tsx b/components/page/multiSelectUser.tsx
index 755f88caf..c0d9cfde8 100644
--- a/components/page/multiSelectUser.tsx
+++ b/components/page/multiSelectUser.tsx
@@ -82,7 +82,7 @@ export default function MultiSelectUser({ className, controlStyles, defaultValue
         cursor: 'text',
         height: 42,
         maxWidth: '100%',
-        minWidth: '13rem',
+        minWidth: '160px',
         '&:hover': {
           borderColor: undefined,
         },
diff --git a/pages/[subdomain]/search/index.tsx b/pages/[subdomain]/search/index.tsx
index 7230fdc42..00372f187 100644
--- a/pages/[subdomain]/search/index.tsx
+++ b/pages/[subdomain]/search/index.tsx
@@ -623,7 +623,7 @@ export default function Search({ enrichedLevels, reqUser, searchAuthor, searchQu
 
   const subHeaderComponent = (
     <div className='flex flex-col items-center gap-1 p-1' id='level_search_box'>
-      <form className='flex flex-wrap items-center justify-center z-10 gap-1' onSubmit={(e) => {
+      <form className='flex flex-col items-center justify-center z-10 gap-1' onSubmit={(e) => {
         e.preventDefault();
         const searchInput = document.getElementById('default-search') as HTMLInputElement;
 
@@ -631,18 +631,23 @@ export default function Search({ enrichedLevels, reqUser, searchAuthor, searchQu
           search: searchInput.value,
         });
       }}>
-        <input
-          id='default-search'
-          key='search-level-input'
-          placeholder='Search level name...'
-          type='search'
-          defaultValue={query.search}
-        />
-        <MultiSelectUser key={'search-author-input-' + searchAuthor?._id.toString()} placeholder='Search authors...' defaultValue={searchAuthor} onSelect={(user) => {
-          queryHelper({
-            searchAuthor: user?.name || '',
-          });
-        }} />
+        <div className='flex flex-row gap-1 justify-center'>
+          <input
+            id='default-search'
+            key='search-level-input'
+            placeholder='Search level...'
+            type='search'
+            defaultValue={query.search}
+            style={{
+              width: '160px',
+            }}
+          />
+          <MultiSelectUser key={'search-author-input-' + searchAuthor?._id.toString()} placeholder='Search author...' defaultValue={searchAuthor} onSelect={(user) => {
+            queryHelper({
+              searchAuthor: user?.name || '',
+            });
+          }} />
+        </div>
         <button type='submit' disabled={loading}
           className={blueButton}>Search</button>
       </form>