[Discover] Add top border to grid controls

elastic · Sep 5, 2023 · 46d813c · 46d813c
1 parent 7e59c76
commit 46d813c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/packages/kbn-unified-data-table/src/components/data_table.scss b/packages/kbn-unified-data-table/src/components/data_table.scss
@@ -3,7 +3,6 @@
   max-width: 100%;
   height: 100%;
   overflow: hidden;
-  border-radius: $euiBorderRadius;
 }
 
 .unifiedDataTable__cellValue {
@@ -33,6 +32,10 @@
   flex-wrap: nowrap;
   height: 100%;
 
+  .euiDataGrid__controls {
+    border-top: $euiBorderThin;
+  }
+
   .euiDataGrid--headerUnderline .euiDataGridHeaderCell {
     border-bottom: $euiBorderThin;
   }

diff --git a/src/plugins/discover/public/components/view_mode_toggle/view_mode_toggle.tsx b/src/plugins/discover/public/components/view_mode_toggle/view_mode_toggle.tsx
@@ -36,7 +36,7 @@ export const DocumentViewModeToggle = ({
   }
 
   return (
-    <EuiTabs size="s" css={tabsCss} data-test-subj="dscViewModeToggle">
+    <EuiTabs size="s" css={tabsCss} data-test-subj="dscViewModeToggle" bottomBorder={false}>
       <EuiTab
         isSelected={viewMode === VIEW_MODE.DOCUMENT_LEVEL}
         onClick={() => setDiscoverViewMode(VIEW_MODE.DOCUMENT_LEVEL)}