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

…are enabled (#110053) (#110416) Adds a CSS override to align the sorting arrow at the bottom when histogram charts are enabled. Co-authored-by: Walter Rafelsberger <walter@elastic.co>
elastic · Aug 28, 2021 · 0e22329 · 0e22329
1 parent 220a284
commit 0e22329
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;
+  }
 }