From 63d3308d0d64ac23797b3e5366491349c2883f94 Mon Sep 17 00:00:00 2001
From: Phil Renaud <phil@riotindustries.com>
Date: Wed, 20 Jul 2022 12:14:57 -0400
Subject: [PATCH 1/2] Reorder the select boxes on evals so namespaces are first

---
 ui/app/templates/evaluations/index.hbs | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/ui/app/templates/evaluations/index.hbs b/ui/app/templates/evaluations/index.hbs
index fde5101ba85d..b4e1f6270279 100644
--- a/ui/app/templates/evaluations/index.hbs
+++ b/ui/app/templates/evaluations/index.hbs
@@ -11,6 +11,13 @@
         />
       </div>
       <div class="toolbar-item is-right-aligned">
+        <SingleSelectDropdown
+          data-test-evaluation-namespace-facet
+          @label="Namespace"
+          @options={{this.optionsNamespaces}}
+          @selection={{this.qpNamespace}}
+          @onSelect={{action this.setQueryParam "qpNamespace"}}
+        />
         <SingleSelectDropdown
           data-test-evaluation-status-facet
           @label="Status"
@@ -32,13 +39,6 @@
           @selection={{this.type}}
           @onSelect={{action this.setQueryParam "type"}}
         />
-        <SingleSelectDropdown
-          data-test-evaluation-namespace-facet
-          @label="Namespace"
-          @options={{this.optionsNamespaces}}
-          @selection={{this.qpNamespace}}
-          @onSelect={{action this.setQueryParam "qpNamespace"}}
-        />
       </div>
     </div>
   <div class="table-container">

From 70c5f0fea32dfa1daa00579c84c8cc65a22e3ed1 Mon Sep 17 00:00:00 2001
From: Phil Renaud <phil@riotindustries.com>
Date: Wed, 20 Jul 2022 12:17:57 -0400
Subject: [PATCH 2/2] Wrap evals buttons in a button-bar for consistent styling
 and spacing

---
 ui/app/templates/evaluations/index.hbs | 58 +++++++++++++-------------
 1 file changed, 30 insertions(+), 28 deletions(-)

diff --git a/ui/app/templates/evaluations/index.hbs b/ui/app/templates/evaluations/index.hbs
index b4e1f6270279..034401efef05 100644
--- a/ui/app/templates/evaluations/index.hbs
+++ b/ui/app/templates/evaluations/index.hbs
@@ -11,34 +11,36 @@
         />
       </div>
       <div class="toolbar-item is-right-aligned">
-        <SingleSelectDropdown
-          data-test-evaluation-namespace-facet
-          @label="Namespace"
-          @options={{this.optionsNamespaces}}
-          @selection={{this.qpNamespace}}
-          @onSelect={{action this.setQueryParam "qpNamespace"}}
-        />
-        <SingleSelectDropdown
-          data-test-evaluation-status-facet
-          @label="Status"
-          @options={{this.optionsEvaluationsStatus}}
-          @selection={{this.status}}
-          @onSelect={{action this.setQueryParam "status"}}
-        />
-        <SingleSelectDropdown
-          data-test-evaluation-triggered-by-facet
-          @label="Triggered By"
-          @options={{this.optionsTriggeredBy}}
-          @selection={{this.triggeredBy}}
-          @onSelect={{action this.setQueryParam "triggeredBy"}}
-        />
-        <SingleSelectDropdown
-          data-test-evaluation-type-facet
-          @label="Type"
-          @options={{this.optionsType}}
-          @selection={{this.type}}
-          @onSelect={{action this.setQueryParam "type"}}
-        />
+        <div class="button-bar">
+          <SingleSelectDropdown
+            data-test-evaluation-namespace-facet
+            @label="Namespace"
+            @options={{this.optionsNamespaces}}
+            @selection={{this.qpNamespace}}
+            @onSelect={{action this.setQueryParam "qpNamespace"}}
+          />
+          <SingleSelectDropdown
+            data-test-evaluation-status-facet
+            @label="Status"
+            @options={{this.optionsEvaluationsStatus}}
+            @selection={{this.status}}
+            @onSelect={{action this.setQueryParam "status"}}
+          />
+          <SingleSelectDropdown
+            data-test-evaluation-triggered-by-facet
+            @label="Triggered By"
+            @options={{this.optionsTriggeredBy}}
+            @selection={{this.triggeredBy}}
+            @onSelect={{action this.setQueryParam "triggeredBy"}}
+          />
+          <SingleSelectDropdown
+            data-test-evaluation-type-facet
+            @label="Type"
+            @options={{this.optionsType}}
+            @selection={{this.type}}
+            @onSelect={{action this.setQueryParam "type"}}
+          />
+        </div>
       </div>
     </div>
   <div class="table-container">