From ad205a869da220eae4e6ab70d55621ec1c2da4e1 Mon Sep 17 00:00:00 2001 From: Marliana Lara Date: Fri, 22 Jun 2018 16:29:57 -0400 Subject: [PATCH] Fix dashboard graph dropdown arrows in firefox --- .../graphs/dashboard-graphs.block.less | 38 +++++-------------- 1 file changed, 10 insertions(+), 28 deletions(-) diff --git a/awx/ui/client/src/home/dashboard/graphs/dashboard-graphs.block.less b/awx/ui/client/src/home/dashboard/graphs/dashboard-graphs.block.less index c33ebcf4b1..ff8564647b 100644 --- a/awx/ui/client/src/home/dashboard/graphs/dashboard-graphs.block.less +++ b/awx/ui/client/src/home/dashboard/graphs/dashboard-graphs.block.less @@ -87,18 +87,17 @@ } .DashboardGraphs-filterDropdownText { + align-items: center; background-color: @db-graph-per-dd-bg; - font-size: 10px; - text-transform: uppercase; - white-space: nowrap; - padding-right: 5px; - padding-left: 5px; - height: 20px; - border: 1px solid @b7grey; border-radius: 5px; + border: 1px solid @b7grey; + display: inline-flex; + font-size: 10px; + height: 20px; + justify-content: space-between; + padding: 0 10px; + text-transform: uppercase; transition: background-color 0.2s; - display: inline-block; - vertical-align: middle; width: 100%; } @@ -106,13 +105,11 @@ background-color: @db-graph-per-dd-bg-hov; } -.DashboardGraphs-filterIcon{ +.DashboardGraphs-filterIcon { color: @db-graph-per-dd-icon; font-size: 12px; width: 20px; - padding-left: 10px; - padding-right: 10px; - float: right; + padding: 0 10px; } .DashboardGraphs-filterDropdownItems { @@ -144,21 +141,6 @@ padding-top: 0px; min-width: 115px; width: inherit; - - span { - height: 18px; - display: inline-block; - vertical-align: middle; - line-height: 18px; - float: left; - } - - i { - height: 18px; - line-height: 18px; - display: inline-block; - vertical-align: middle; - } } .DashboardGraphs-statusFilters{