visual improvements

cookbook/templates/batch/edit.html

@@ -9,12 +9,26 @@
 
     <h3>
         {% trans 'Batch edit Recipes' %}
-        <small class="text-muted">{% trans 'Add the specified category and keywords to all recipes containing a word' %}</small>
     </h3>
 
-    <form method="POST" class="post-form">{% csrf_token %}
+    <div class="card border-info" >
+        <div class="card-body text-info">
+            <p class="card-text">{% trans 'Add the specified category and keywords to all recipes containing a word' %}</p>
+        </div>
+    </div>
+
+    <form method="POST" class="post-form">
+        {% csrf_token %}
         {{ form|crispy }}
         <input type="submit" value="Submit" class="btn btn-success">
     </form>
 
+    <script>
+        //TODO clean this up
+        //converts multiselct in recipe edit to searchable multiselect
+        //shitty solution that needs to be redone at some point
+        $(document).ready(function () {
+            $('#id_keyword').select2();
+        });
+    </script>
 {% endblock %}