latest

Author: Marco

components/webui/client/src/pages/SearchPage/SearchControls/index.module.css

@@ -11,7 +11,8 @@
 
 .buttonAndStatusRow {
     display: flex;
-    align-items: flex-end;
+    align-items: flex-start; /* Align items to the top */
+    justify-content: space-between; /* Put space between status and button */
     gap: 10px;
 }
 

components/webui/client/src/pages/SearchPage/SearchControls/index.tsx

@@ -40,18 +40,21 @@ const SearchControls = () => {
                             <TimeRangeInput/>
                             <SearchButton/>
                         </div>
-                        <div className={styles["statusRow"]}>
-                            <QueryStatus/>
-                        </div>
+                        <QueryStatus/>
                     </div>
                 ) :
                 (
 
                     <div className={styles["prestoSearchControlsContainer"]}>
                         <SqlQueryInput/>
                         <div className={styles["buttonAndStatusRow"]}>
-                            <SqlSearchButton/>
-                            <QueryStatus/>
+                            <div style={{ alignSelf: "flex-start" }}>
+                                <QueryStatus/>
+                            </div>
+                            <div style={{ flex: 1 }} />
+                            <div style={{ alignSelf: "flex-end" }}>
+                                <SqlSearchButton/>
+                            </div>
                         </div>
                     </div>
                 )}