Move the project list filters next to the search #413

Signed-off-by: Thomas Druez <[email protected]>

Author: tdruez

scanpipe/templates/scanpipe/includes/search_field.html

@@ -1,10 +1,8 @@
-<div class="field">
-  <form method="get">
-    <p class="control has-icons-left">
-      <input class="input {{ extra_class }}" type="text" placeholder="Search {{ filter.verbose_name_plural }}" name="{{ filter.form.search.name }}" value="{{ filter.form.search.value|default_if_none:'' }}">
-      <span class="icon is-small is-left">
-        <i class="fas fa-search"></i>
-      </span>
-    </p>
-  </form>
-</div>
+<form method="get">
+  <p class="control has-icons-left">
+    <input class="input {{ extra_class }}" type="text" placeholder="Search {{ filter.verbose_name_plural }}" name="{{ filter.form.search.name }}" value="{{ filter.form.search.value|default_if_none:'' }}">
+    <span class="icon is-small is-left">
+      <i class="fas fa-search"></i>
+    </span>
+  </p>
+</form>

scanpipe/templates/scanpipe/project_list.html

@@ -22,15 +22,19 @@
           {% include 'scanpipe/includes/breadcrumb.html' %}
           {{ filter.form.is_archived }}
         </div>
+        <a href="{% url 'project_add' %}" class="button is-link">New Project</a>
+      </div>
+
+      <div class="is-flex mb-3">
+        <div class="is-flex-grow-1 mr-2">
+          {% include 'scanpipe/includes/search_field.html' %}
+        </div>
         <div>
           {% include 'scanpipe/includes/filter_dropdown.html' with filter_form_field=filter.form.pipeline only %}
           {% include 'scanpipe/includes/filter_dropdown.html' with filter_form_field=filter.form.sort only %}
-          <a href="{% url 'project_add' %}" class="button is-link">New Project</a>
         </div>
       </div>
 
-      {% include 'scanpipe/includes/search_field.html' %}
-
       {% if object_list %}
         {% include 'scanpipe/includes/project_list_table.html' with projects=object_list only %}
       {% else %}