From ae5dfbfc52f1916b9a1dd266a24a144c2fa2ee05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jan=20B=C3=B6hmer?= <mail@jan-boehmer.de>
Date: Sat, 22 Feb 2025 17:04:58 +0100
Subject: [PATCH] Improved margins with badges in attachment edit

---
 .../parts/edit/edit_form_styles.html.twig     | 31 +++++++++----------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/templates/parts/edit/edit_form_styles.html.twig b/templates/parts/edit/edit_form_styles.html.twig
index 8c1c36bc..609e4081 100644
--- a/templates/parts/edit/edit_form_styles.html.twig
+++ b/templates/parts/edit/edit_form_styles.html.twig
@@ -155,30 +155,28 @@
 
             {% if attach is not null %}
                 {% if not attach.hasInternal() %}
-                    <br><br>
-                    <h6>
+                    <div class="mt-2">
                         <span class="badge bg-primary">
                             <i class="fas fa-fw fa-globe"></i> {% trans %}attachment.external_only{% endtrans %}
                         </span>
-                    </h6>
+                    </div>
                 {% elseif attachment_manager.isInternalFileExisting(attach) %}
-                    <br><br>
-                    <h6>
-                    <span class="badge bg-primary" title="{{ attach.filename }}">
-                        <i class="fas fa-fw {{ ext_to_fa_icon(attach.extension) }}"></i> {{ attach.filename|u.truncate(25, ' ...') }}
-                    </span>
+                    <div class="mt-2">
+                        <div class="badge bg-primary mt-2" title="{{ attach.filename }}">
+                            <i class="fas fa-fw {{ ext_to_fa_icon(attach.extension) }}"></i> {{ attach.filename|u.truncate(25, ' ...') }}
+                        </div>
                         <br>
-                        <span class="badge bg-secondary">
-                        <i class="fas fa-hdd fa-fw"></i> {{ attachment_manager.humanFileSize(attach) }}
-                    </span>
-                    </h6>
+                        <div class="badge bg-secondary mt-1">
+                            <i class="fas fa-hdd fa-fw"></i> {{ attachment_manager.humanFileSize(attach) }}
+                        </div>
+                    </div>
 
                     {% if attach.secure %}
-                        <h6>
+                        <div>
                            <span class="badge bg-success">
                                 <i class="fas fa-fw fa-shield-alt"></i> {% trans %}attachment.secure{% endtrans %}
                            </span>
-                        </h6>
+                        </div>
                     {% endif %}
 
                     {% if attach.secure and not is_granted('show_private', attach) %}
@@ -191,12 +189,11 @@
                         <a href="{{ entity_url(attach, 'file_view') }}" rel="noopener" target="_blank" data-turbo="false" class="link-external">{% trans %}attachment.view_local{% endtrans %}</a>
                     {% endif %}
                 {% else %}
-                    <br><br>
-                    <h6>
+                    <div class="mt-2">
                     <span class="badge bg-warning">
                         <i class="fas fa-exclamation-circle fa-fw"></i> {% trans %}attachment.file_not_found{% endtrans %}
                     </span>
-                    </h6>
+                    </div>
 
                 {% endif %}
             {% endif %}