From 48107b918d9044011acfb172e266219cc766bd13 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Wed, 18 Mar 2020 11:36:39 +0100
Subject: [PATCH] added ingredient list page

---
 cookbook/templates/generic/list_template.html | 11 +++++++++++
 cookbook/templates/index.html                 |  9 ++++++++-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/cookbook/templates/generic/list_template.html b/cookbook/templates/generic/list_template.html
index 1a7cb0714..b330ef326 100644
--- a/cookbook/templates/generic/list_template.html
+++ b/cookbook/templates/generic/list_template.html
@@ -15,6 +15,17 @@
                 </a>
             {% endif %}
         </h3>
+
+        {% if filter %}
+            <br/>
+            <br/>
+            <form action="." method="get">
+                {% csrf_token %}
+                {{ filter.form|crispy }}
+                <button type="submit" class="btn btn-success">{% trans 'Filter' %}</button>
+            </form>
+        {% endif %}
+
         {% if import_btn %}
             <a href="{% url 'data_batch_import' %}" class="btn btn-warning">{% trans 'Import all' %}</a>
             <br/>
diff --git a/cookbook/templates/index.html b/cookbook/templates/index.html
index cec692a60..fcb504d78 100644
--- a/cookbook/templates/index.html
+++ b/cookbook/templates/index.html
@@ -8,6 +8,12 @@
 
 {% block extra_head %}
     {{ filter.form.media }}
+
+    <style>
+        .dropdown-toggle-no-arrow::after {
+            display: none;
+        }
+    </style>
 {% endblock %}
 
 {% block content %}
@@ -24,8 +30,9 @@
 
                         <div class="input-group-append">
                             <button class="btn btn-primary" type="submit"><i class="fas fa-search"></i></button>
-                            <button type="button" class="btn btn-light dropdown-toggle dropdown-toggle-split"
+                            <button type="button" class="btn btn-light dropdown-toggle dropdown-toggle-split dropdown-toggle-no-arrow"
                                     data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                                <i class="fas fa-ellipsis-v"></i>
                                 <span class="sr-only">Toggle Dropdown</span>
                             </button>
                             <div class="dropdown-menu">