latest

Author: Marco

components/webui/client/src/components/SqlEditor/index.tsx

@@ -59,7 +59,6 @@ const SqlEditor = (props: SqlEditorProps) => {
             return;
         }
 
-        // Default theme to match AntD input
         monacoEditor.editor.defineTheme("default-theme", {
             base: "vs",
             inherit: true,
@@ -71,7 +70,6 @@ const SqlEditor = (props: SqlEditorProps) => {
             },
         });
 
-        // Disabled theme uses vs as base
         monacoEditor.editor.defineTheme("disabled-theme", {
             base: "vs",
             inherit: true,

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

@@ -1,11 +1,11 @@
 .searchControlsContainer {
     display: flex;
-    gap: 10px;
+    flex-direction: column;
+    gap: 5px;
 }
 
-.prestoSearchControlsContainer {
+.inputsAndButtonRow {
     display: flex;
-    flex-direction: column;
     gap: 10px;
 }
 
@@ -18,9 +18,4 @@
 
 .status {
     margin-left: 2px;
-    padding-top: 4px;
-}
-
-.statusPresto {
-    margin-left: 2px;
 }

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

@@ -33,8 +33,8 @@ const SearchControls = () => {
         <form onSubmit={handleSubmit}>
             {SETTINGS_QUERY_ENGINE !== CLP_QUERY_ENGINES.PRESTO ?
                 (
-                    <div>
-                        <div className={styles["searchControlsContainer"]}>
+                    <div className={styles["searchControlsContainer"]}>
+                        <div className={styles["inputsAndButtonRow"]}>
                             {CLP_STORAGE_ENGINES.CLP_S === SETTINGS_STORAGE_ENGINE && <Dataset/>}
                             <QueryInput/>
                             <TimeRangeInput/>
@@ -46,10 +46,10 @@ const SearchControls = () => {
                     </div>
                 ) :
                 (
-                    <div className={styles["prestoSearchControlsContainer"]}>
+                    <div className={styles["searchControlsContainer"]}>
                         <SqlQueryInput/>
                         <div className={styles["buttonAndStatusRow"]}>
-                            <div className={styles["statusPresto"]}>
+                            <div className={styles["status"]}>
                                 <QueryStatus/>
                             </div>
                             <SqlSearchButton/>