formatting

sspenst · Jun 27, 2024 · 2af98c5 · 2af98c5
1 parent eb0282d
commit 2af98c5
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 14 deletions.
diff --git 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
@@ -623,26 +623,31 @@ 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;
 
         queryHelper({
           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>