feat: Convert report form to Bulma

src/fellchensammlung/forms.py

@@ -92,12 +92,14 @@ class ImageForm(forms.ModelForm):
 
 
 class ReportAdoptionNoticeForm(forms.ModelForm):
+    template_name = "fellchensammlung/forms/form_snippets.html"
     class Meta:
         model = ReportAdoptionNotice
         fields = ('reported_broken_rules', 'user_comment')
 
 
 class ReportCommentForm(forms.ModelForm):
+    template_name = "fellchensammlung/forms/form_snippets.html"
     class Meta:
         model = ReportComment
         fields = ('reported_broken_rules', 'user_comment')

src/fellchensammlung/templates/fellchensammlung/forms/form-report.html

@@ -1,12 +1,12 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}
-  <h1>{% translate "Melden" %}</h1>
+  <h1 class="title is-1">{% translate "Melden" %}</h1>
-    Wenn diese Vermittlung nicht unseren <a href='{% url "about" %}'>Regeln</a> entspricht, wähle bitte eine der folgenden Regeln aus und hinterlasse einen Kommentar der es detaillierter erklärt, insbesondere wenn der Regelverstoß nicht offensichtlich ist.
+    Wenn dieser Inhalt nicht unseren <a href='{% url "about" %}'>Regeln</a> entspricht, wähle bitte eine der folgenden Regeln aus und hinterlasse einen Kommentar der es detaillierter erklärt, insbesondere wenn der Regelverstoß nicht offensichtlich ist.
     <form method = "post" enctype="multipart/form-data">
         {% csrf_token %}
-        {{ form.as_p }}
+        {{ form }}
-        <button class="btn2" type="submit">{% translate "Melden" %}</button>
+        <button class="button is-primary" type="submit">{% translate "Melden" %}</button>
     </form>
 {% endblock %}

src/fellchensammlung/templates/fellchensammlung/forms/form_snippets.html

@@ -5,7 +5,6 @@
 
 {% for field in form %}
     <div class="field">
-
         <label class="label">
             {{ field.label }}
         </label>
@@ -14,6 +13,10 @@
                 <div class="select">
                     {{ field }}
                 </div>
+            {% elif field|widget_type == 'selectmultiple' %}
+                <div class="select is-multiple is-fullwidth">
+                    {{ field }}
+                </div>
             {% elif field|widget_type == 'dateinput' %}
                 {{ field|add_class:"input"|attr:"type:date" }}
             {% elif field|widget_type == 'textarea' %}