feat: melhorando a estetica do export

sigi/templates/admin/import_export/export.html

@@ -3,63 +3,78 @@
 {% load admin_urls %}
 {% load import_export_tags %}
 
-{% block extrahead %}{{ block.super }}
+{% block extrahead %}
+{{ block.super }}
 <script type="text/javascript" src="{% url 'admin:jsi18n' %}"></script>
 {{ form.media }}
 {% endblock %}
 
-
 {% block breadcrumbs_last %}
 {% translate "Export" %}
 {% endblock %}
 
-
 {% block content %}
 {% if form.errors %}
   {{ form.errors }}
 {% endif %}
 <form action="{{ export_url }}" method="POST">
   {% csrf_token %}
-    {# export request has originated from an Admin UI action #}
+  {# Export request has originated from an Admin UI action #}
-    {% if form.initial.export_items %}
+  {% if form.initial.export_items %}
-      <p>
+    <p>
-      {% blocktranslate count len=form.initial.export_items|length %}
+    {% blocktranslate count len=form.initial.export_items|length %}
-        Export {{ len }} selected item.
+      Export {{ len }} selected item.
-        {% plural %}
+      {% plural %}
-        Export {{ len }} selected items.
+      Export {{ len }} selected items.
-      {% endblocktranslate %}
+    {% endblocktranslate %}
-      </p>
+    </p>
-    {% endif %}
+  {% endif %}
 
-  {# fields list is not required with selectable fields form #}
+  {# Fields list is not required with selectable fields form #}
   {% if not form.is_selectable_fields_form %}
     {% include "admin/import_export/resource_fields_list.html" with import_or_export="export" %}
   {% endif %}
   <p></p>
+
   <fieldset class="module">
     <p style="padding: 0;">{% translate "This exporter will export the following fields:" %}</p>
-    {% for field in form.visible_fields %}
+    
-      <div class="d-flex align-items-center mb-3">
+    <div class="row">
-        <label for="{{ field.id_for_label }}" class="form-label me-2 mb-0">
+      {% for field in form.visible_fields %}
-          {{ field.label }}:
+        {% if field.name != "format" %} {# Excluindo o campo "Formato" da lista automática #}
-        </label>
+          <div class="col-md-4 col-lg-3 mb-4">
-        <div style="margin-left: 15px;"> <!-- Ajusta o checkbox para frente -->
+            <div class="card h-100" style="width: 100%;">
-          {{ field }}
+              <div class="card-body">
-        </div>
+                <label for="{{ field.id_for_label }}" class="form-label d-block">
-      </div>
+                  {{ field.label }}
-    {% endfor %}
+                </label>
+                {{ field }}
+                {% if field.field.help_text %}
+                  <small class="text-muted d-block mt-1">
+                    {{ field.field.help_text|safe }}
+                  </small>
+                {% endif %}
+              </div>
+            </div>
+          </div>
+        {% endif %}
+      {% endfor %}
+    </div>
+  
     {% for field in form.hidden_fields %}
-        {{ field }}
+      {{ field }}
     {% endfor %}
-</fieldset>
+  </fieldset>
   
-
+  {# Campo "Formato" separado, posicionado de forma independente #}
-  <div>
+  <div class="mt-4">
-    {{ form.non_field_errors }}
+    <label for="{{ form.format.id_for_label }}" class="form-label">{{ form.format.label }}</label>
+    {{ form.format }}
   </div>
   
-  <div class="submit-row">
+  <div class="submit-row mt-4">
     <input type="submit" class="btn btn-outline-primary" value="{% translate "Submit" %}">
   </div>
+  
 </form>
 {% endblock %}