fix: style issue that data source selector in dev tools tab moved to …

…left Signed-off-by: Yulong Ruan <ruanyl@amazon.com>
opensearch-project · Jul 21, 2024 · def8648 · def8648
1 parent 376ead0
commit def8648
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/plugins/dev_tools/public/application.tsx b/src/plugins/dev_tools/public/application.tsx
@@ -124,6 +124,7 @@ function DevToolsWrapper({
           onSelectedDataSource={onChange}
           disabled={!dataSourceEnabled}
           fullWidth={false}
+          compressed
         />
       </div>
     );

diff --git a/src/plugins/dev_tools/public/index.scss b/src/plugins/dev_tools/public/index.scss
@@ -23,6 +23,12 @@
 }
 
 .devAppDataSourceSelector {
-  margin: 7px 8px 0 0;
+  margin: 4px 8px 0 0;
   min-width: 400px;
+  margin-left: auto;
+}
+
+.devAppTabs {
+  display: flex;
+  flex-flow: row wrap;
 }