[ML] Data Grid: Fix alignment of sorting arrow when histogram charts …

…are enabled (#110053) Adds a CSS override to align the sorting arrow at the bottom when histogram charts are enabled.
elastic · Aug 27, 2021 · 8eea900 · 8eea900
1 parent 2ed3fcd
commit 8eea900
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/x-pack/plugins/ml/public/application/components/data_grid/data_grid.scss b/x-pack/plugins/ml/public/application/components/data_grid/data_grid.scss
@@ -2,4 +2,10 @@
   .euiDataGridRowCell--boolean {
     text-transform: none;
   }
+
+  // Override to align the sorting arrow at the bottom when histogram charts are enabled
+  .euiDataGridHeaderCell .euiDataGridHeaderCell__sortingArrow {
+    margin-top: auto;
+    margin-bottom: 0;
+  }
 }