From 9e164485ed31f8d7b77bcb1ed13f37ea9d728fa1 Mon Sep 17 00:00:00 2001
From: Gregory Ballantine <gballantine@bitgoblin.tech>
Date: Mon, 3 Jun 2024 08:38:28 -0400
Subject: [PATCH] Fixed some styles/layout on the test add page

---
 assets/styles/nardah.scss |  5 +++++
 views/test/add.twig       | 28 +++++++++++++++-------------
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/assets/styles/nardah.scss b/assets/styles/nardah.scss
index 6f10c84..5796a04 100644
--- a/assets/styles/nardah.scss
+++ b/assets/styles/nardah.scss
@@ -71,3 +71,8 @@ textarea{
   margin-top: 15px;
   padding: 15px 20px;
 }
+
+#benchmark-selector{
+  $max-width: 100%;
+  $min-height: 100px;
+}
diff --git a/views/test/add.twig b/views/test/add.twig
index 9ac7640..709dc88 100644
--- a/views/test/add.twig
+++ b/views/test/add.twig
@@ -14,25 +14,14 @@
   <div class="twelve columns">
     <form action="{{ url_for('test.add') }}" method="POST" class="u-full-width">
       <div class="row">
-        <div class="four columns">
+        <div class="six columns">
           <label>
             Test title:
             <input class="u-full-width" type="text" name="test_title" placeholder="My new test">
           </label>
         </div>
 
-        <div class="four columns">
-          <label>
-            Benchmarks:
-            <select class="u-full-width" name="test_benchmarks" multiple>
-              {% for b in benchmarks %}
-                <option value="{{ b.id }}">{{ b.name }}</option>
-                {% endfor %}
-            </select>
-          </label>
-        </div>
-
-        <div class="four columns">
+        <div class="six columns">
           <label>
             Hardware component:
             <select class="u-full-width" name="test_component">
@@ -44,6 +33,19 @@
         </div>
       </div>
 
+      <div class="row">
+        <div class="twelve columns">
+          <label>
+            Benchmarks:
+            <select id="benchmark-select" class="u-full-width" name="test_benchmarks" multiple>
+              {% for b in benchmarks %}
+                <option value="{{ b.id }}">{{ b.name }}</option>
+                {% endfor %}
+            </select>
+          </label>
+        </div>
+      </div>
+
       <div class="row">
         <div class="twelve columns">
           <label>