From c30076585be452ab4aff59d592dc83be62a9d445 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Johnny=20Mari=C3=A9thoz?= <Johnny.Mariethoz@rero.ch>
Date: Mon, 29 Jul 2019 08:52:32 +0200
Subject: [PATCH] ui: fix bad alignment in delete item modal header
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Fixes bad alignment in delete item modal dialog header in the detailed
view document, closes #407.

Co-Authored-by: Johnny Mariéthoz <Johnny.Mariethoz@rero.ch>
---
 .../rero_ils/_editor_button_actions.html      | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/rero_ils/templates/rero_ils/_editor_button_actions.html b/rero_ils/templates/rero_ils/_editor_button_actions.html
index d28ae49cd1..fc53987b89 100644
--- a/rero_ils/templates/rero_ils/_editor_button_actions.html
+++ b/rero_ils/templates/rero_ils/_editor_button_actions.html
@@ -1,9 +1,12 @@
-<div class="modal fade" data-modal="deleteRecord" id="confirm-{{ json.id }}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+<div class="modal fade" data-modal="deleteRecord" id="confirm-{{ json.id }}" tabindex="-1" role="dialog"
+  aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
     <div class="modal-content">
       <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-        <h4 class="modal-title" id="myModalLabel">{{ _('Confirm Delete') }}</h4>
+        <h5 class="modal-title" id="myModalLabel">{{ _('Confirm Delete') }}</h5>
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
       </div>
 
       <div class="modal-body">
@@ -13,25 +16,24 @@ <h4 class="modal-title" id="myModalLabel">{{ _('Confirm Delete') }}</h4>
 
       <div class="modal-footer">
         <button type="button" class="btn btn-warning" data-dismiss="modal">{{ _('Cancel') }}</button>
-        <button data-delete-url="{{ href_delete }}" data-next="{{ next }}" type="button" class="btn btn-danger btn-ok delete">{{ _('Delete') }}</button>
+        <button data-delete-url="{{ href_delete }}" data-next="{{ next }}" type="button"
+          class="btn btn-danger btn-ok delete">{{ _('Delete') }}</button>
       </div>
     </div>
   </div>
 </div>
 
 <div class="btn-group btn-group-sm align-self-end" role="group" aria-label="Buttons to edit records">
-  <a href="#source-{{ json.id }}" data-toggle="collapse" type="button" role="button" class="btn btn-info" aria-expanded="false" aria-controls="JSON display">
+  <a href="#source-{{ json.id }}" data-toggle="collapse" type="button" role="button" class="btn btn-info"
+    aria-expanded="false" aria-controls="JSON display">
     <i class="fa fa-search-plus  fa-fw"></i> {{ _('JSON') }}
   </a>
   <a href="{{ href_update }}" type="button" class="btn btn-success">
     <i class="fa fa-pencil-square-o fa-fw"></i> {{ _('Edit') }}
   </a>
-  <a
-    {% if json.can_delete %}href="#confirm-{{ json.id }}"{% endif %}
-    type="button" class="btn btn-danger"
-    data-toggle="{% if json.can_delete %}modal{% else %}tooltip{% endif %}"
-    {% if not json.can_delete %}disabled {% endif %}{%if message and not json.can_delete %} title="{{ message }}"{% endif %}
-  >
+  <a {% if json.can_delete %}href="#confirm-{{ json.id }}" {% endif %} type="button" class="btn btn-danger"
+    data-toggle="{% if json.can_delete %}modal{% else %}tooltip{% endif %}" {% if not json.can_delete %}disabled
+    {% endif %}{%if message and not json.can_delete %} title="{{ message }}" {% endif %}>
     <i class="fa fa-trash-o fa-fw"></i> {{ _('Delete') }}
   </a>
 </div>