fix the styling a little

Signed-off-by: Kawika Avilla <[email protected]>
kavilla · Aug 25, 2024 · a445672 · a445672
1 parent 97af277
commit a445672
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 7 deletions.
diff --git a/src/plugins/data/public/ui/dataset_selector/_dataset_explorer.scss b/src/plugins/data/public/ui/dataset_selector/_dataset_explorer.scss
@@ -26,7 +26,3 @@
     border-bottom: $euiBorderThin;
   }
 }
-
-.datasetSelector__selectable {
-  padding: $euiSizeXS;
-}
diff --git a/src/plugins/data/public/ui/dataset_selector/_dataset_selector.scss b/src/plugins/data/public/ui/dataset_selector/_dataset_selector.scss
@@ -0,0 +1,10 @@
+.datasetSelector {
+  &__icon {
+    margin-right: 4px;
+  }
+
+  &__selectable {
+    width: 365px;
+    padding: $euiSizeXS;
+  }
+}
diff --git a/src/plugins/data/public/ui/dataset_selector/_index.scss b/src/plugins/data/public/ui/dataset_selector/_index.scss
@@ -1 +1,2 @@
 @import "./dataset_explorer";
+@import "./dataset_selector";
diff --git a/src/plugins/data/public/ui/dataset_selector/dataset_selector.tsx b/src/plugins/data/public/ui/dataset_selector/dataset_selector.tsx
@@ -110,7 +110,7 @@ export const DatasetSelector = ({
             iconSide="right"
             onClick={togglePopover}
           >
-            <EuiIcon type={datasetIcon} className="dataSetNavigator__icon" />
+            <EuiIcon type={datasetIcon} className="datasetSelector__icon" />
             {selectedDataset?.title ?? 'Select data'}
           </EuiButtonEmpty>
         </EuiToolTip>

diff --git a/src/plugins/data/public/ui/mocks.ts b/src/plugins/data/public/ui/mocks.ts
@@ -38,7 +38,6 @@ function createStartContract(
   const queryEnhancements = new Map();
   return {
     IndexPatternSelect: jest.fn(),
-    DataSetNavigator: jest.fn(), // Add the missing property
     SearchBar: jest.fn(),
     SuggestionsComponent: jest.fn(), // Add the missing property
     Settings: new SettingsMock(

diff --git a/src/plugins/data/public/ui/query_editor/_query_editor.scss b/src/plugins/data/public/ui/query_editor/_query_editor.scss
@@ -102,7 +102,7 @@
   }
 }
 
-.osdQueryEditor__dataSetNavigatorWrapper {
+.osdQueryEditor__datasetSelectorWrapper {
   :first-child {
     border-bottom: $euiBorderThin !important;
   }
Original file line number	Diff line number	Diff line change
		@@ -1 +1,2 @@
		@import "./dataset_explorer";
		@import "./dataset_selector";