Réorganisation boutons modales — Supprimer à gauche, actions à droite

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

public/index.html

@@ -275,7 +275,8 @@ window.dispatchEvent(new Event('tiptap-loaded'));
   .multi-select-container .ms-tag.selected { background: var(--accent); color: var(--bg); }
   .multi-select-container .ms-add { font-size: 12px; padding: 3px 9px; border-radius: 6px; background: transparent; border: 1px dashed var(--border); color: var(--text-hint); cursor: pointer; }
   .multi-select-container .ms-add:hover { border-color: var(--accent); color: var(--accent); }
-  .modal-actions { display: flex; gap: 10px; justify-content: space-between; margin-top: 8px; }
+  .modal-actions { display: flex; gap: 10px; align-items: center; margin-top: 8px; }
+  .modal-actions-spacer { flex: 1; }
   .btn-save { padding: 9px 22px; background: var(--accent); color: var(--bg); border: none; border-radius: 8px; font-size: 14px; font-weight: 600; font-family: 'Lora', serif; cursor: pointer; }
   .btn-save:hover { background: var(--accent-hover); }
   .btn-delete { padding: 9px 14px; background: transparent; color: #8b3030; border: 1px solid #e8c4c0; border-radius: 8px; font-size: 13px; font-family: 'Lora', serif; cursor: pointer; }
@@ -816,6 +817,7 @@ window.dispatchEvent(new Event('tiptap-loaded'));
       </div>
       <div class="modal-actions">
         <button class="btn-delete" id="btn-delete" onclick="deleteCard()" style="display:none;">Supprimer</button>
+        <div class="modal-actions-spacer"></div>
         <button class="btn-history" id="btn-history-frise" onclick="openVersionPanel('frise', editingId)" style="display:none;">Historique</button>
         <button class="btn-history" id="btn-rediger" onclick="goToRedaction(editingId)" style="display:none;">Rédiger</button>
         <button class="btn-save" onclick="saveCard()">Enregistrer</button>
@@ -842,6 +844,7 @@ window.dispatchEvent(new Event('tiptap-loaded'));
       <div id="fp-scenes-container"></div>
       <div class="modal-actions">
         <button class="btn-delete" id="btn-delete-perso" onclick="deletePerso()" style="display:none;">Supprimer</button>
+        <div class="modal-actions-spacer"></div>
         <button class="btn-save" onclick="savePerso()">Enregistrer</button>
       </div>
     </div>
@@ -866,6 +869,7 @@ window.dispatchEvent(new Event('tiptap-loaded'));
       <div class="field"><label>Description</label><textarea id="fr-desc" placeholder="Notes, contexte..." rows="4"></textarea></div>
       <div class="modal-actions">
         <button class="btn-delete" id="btn-delete-res" onclick="deleteRes()" style="display:none;">Supprimer</button>
+        <div class="modal-actions-spacer"></div>
         <button class="btn-save" onclick="saveRes()">Enregistrer</button>
       </div>
     </div>