From 0e223293852bdc2249692ceb816a355e286c3c8d Mon Sep 17 00:00:00 2001 From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com> Date: Fri, 27 Aug 2021 20:16:07 -0400 Subject: [PATCH] [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 --- .../public/application/components/data_grid/data_grid.scss | 6 ++++++ 1 file changed, 6 insertions(+) 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 index f6958ef66770e..b445c82b35ff9 100644 --- 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; + } }