feat: make search pretty

mistweaverco · May 18, 2024 · 8a9dcef · 8a9dcef
1 parent b9e31e5
commit 8a9dcef
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Search.tsx b/src/components/Search.tsx
@@ -404,7 +404,7 @@ const Component: FC<ComponentProps> = ({ activeTasks }) => {
       <h1 className="title">Search</h1>
       <h2 className="subtitle">You can export search across tasks and projects.</h2>
       <form className="search-form" onSubmit={onFormSubmit}>
-        <div className="fixed-grid has-2-cols">
+        <div className="fixed-grid has-3-cols">
           <div className="grid">
             <div className="cell">
               <nav className="panel">
@@ -494,7 +494,7 @@ const Component: FC<ComponentProps> = ({ activeTasks }) => {
             </div>
 
             {showLoading ?
-              <div className="cell">
+              <div className="cell is-col-span-2">
                 <nav className="panel">
                   <p className="panel-heading">Loading</p>
                   <div className="field">
@@ -505,7 +505,7 @@ const Component: FC<ComponentProps> = ({ activeTasks }) => {
               : null}
 
             {searchResult ?
-              <div className="cell">
+              <div className="cell is-col-span-2">
                 <nav className="panel">
                   <p className="panel-heading">Results</p>
                   <div className="field">