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{