ui: fix bad alignment in delete item modal header

* Fixes bad alignment in delete item modal dialog header in the detailed view document, closes #407. Co-Authored-by: Johnny Mariéthoz <[email protected]>
rero · Aug 8, 2019 · a356e1c · a356e1c
1 parent a3e40c5
commit a356e1c
Showing 1 changed file with 13 additions and 11 deletions.
diff --git 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>