From a6dabae53cd63aedb2d6f394887aa86171e3f9c2 Mon Sep 17 00:00:00 2001
From: gconsidine <greg@greg-considine.com>
Date: Thu, 6 Apr 2017 15:07:05 -0400
Subject: [PATCH] Update UX for the dashboard/home view

---
 .../graphs/dashboard-graphs.block.less        | 20 ++++++++++---------
 .../smart-search/smart-search.block.less      |  1 +
 2 files changed, 12 insertions(+), 9 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 5de5162761..91a0cf68af 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
@@ -28,8 +28,6 @@
     color: @default-interface-txt;
     white-space: nowrap;
     margin-right: auto;
-    margin-bottom: 20px;
-    margin-top: 5px;
 }
 
 .DashboardGraphs-graphSection {
@@ -57,12 +55,10 @@
 
 .DashboardGraphs-filterLabel{
     color: @db-graph-per-dd-txt;
-    font-size: 12px;
+    font-size: 10px;
     padding-right: 10px;
     padding-left: 10px;
-    padding-top: 2px;
     text-transform: uppercase;
-    padding-top:5px;
 }
 
 .DashboardGraphs-graph {
@@ -76,7 +72,6 @@
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-    margin-right: 14px;
 }
 
 .DashboardGraphs-filterDropdownText,
@@ -89,7 +84,7 @@
 .DashboardGraphs-filterDropdownText {
     flex: initial;
     background-color: @db-graph-per-dd-bg;
-    font-size: 12px;
+    font-size: 10px;
     text-transform: uppercase;
     white-space: nowrap;
     padding-right: 10px;
@@ -106,7 +101,7 @@
 
 .DashboardGraphs-filterIcon{
     color: @db-graph-per-dd-icon;
-    font-size: 14px;
+    font-size: 12px;
     width: 20px;
     padding-left:10px;
     padding-right: 10px;
@@ -122,10 +117,17 @@
     border-color: @d7grey;
 }
 
+.DashboardGraphs-filterDropdownItems {
+  & > li {
+    font-size: 10px;
+  }
+}
+
 .DashboardGraphs-periodDropdown,
 .DashboardGraphs-jobTypeDropdown,
 .DashboardGraphs-statusDropdown {
-    padding-top:5px;
+    font-size: 10px;
+    padding-top:0px;
 }
 
 .DashboardGraphs-filterDropdownItems {
diff --git a/awx/ui/client/src/shared/smart-search/smart-search.block.less b/awx/ui/client/src/shared/smart-search/smart-search.block.less
index bb5052a757..d39fe3bfe4 100644
--- a/awx/ui/client/src/shared/smart-search/smart-search.block.less
+++ b/awx/ui/client/src/shared/smart-search/smart-search.block.less
@@ -18,6 +18,7 @@
     align-items: stretch;
     margin-bottom: 10px;
     line-height: 20px;
+    width: 50%;
 }
 // `.${list.name}List` class can be used to set add custom class overrides
 .groupsList .SmartSearch-bar, .hostsList .SmartSearch-bar, .PortalMode .SmartSearch-bar{