Enable Enter-Press for submit in modals.

templates/modals/delete_clan.html

@@ -1,13 +1,13 @@
 {{ define "delete_clan" }}
 
-<div class="modal fade" data-bs-backdrop="static" data-bs-keyboard="false" id="deleteClanModal" tabindex="-1">
+<div class="modal modal-lg fade" data-bs-backdrop="static" data-bs-keyboard="false" id="deleteClanModal" tabindex="-1">
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
             <div class="modal-header">
                 <h1 class="modal-title fs-3 text-danger fw-bold" id="deleteClanModalLabel">Clan löschen</h1>
                 <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
             </div>
-            <div class="modal-body fs-5">
+            <div class="modal-body fs-5 text-center">
                 Möchtest du den Clan <span class="text-warning fw-bold" id="clan"></span> wirklich löschen?
                 <br><br>
                 Die Aktion kann nicht rückgängig gemacht werden.
@@ -24,6 +24,7 @@
     document.addEventListener('DOMContentLoaded', function() {
         const deleteClanModal = document.getElementById('deleteClanModal')
         const deleteClanModalBS = new bootstrap.Modal('#deleteClanModal');
+        const submitButton = deleteClanModal.querySelector('button[name="submit"]');
 
         if (deleteClanModal) {
             deleteClanModal.addEventListener('show.bs.modal', event => {
@@ -33,7 +34,6 @@
                 const modalBodyInput = deleteClanModal.querySelector('#clan');
                 modalBodyInput.innerText = selectedClan;
 
-                const submitButton = deleteClanModal.querySelector('button[name="submit"]');
                 submitButton.addEventListener('click', function () {
                     const clanId = parseInt(clanList.value);
 
@@ -69,6 +69,12 @@
                         });
                 }, { once: true });
             });
+
+            deleteClanModal.addEventListener('keypress', event => {
+                if (event.key === 'Enter') {
+                    submitButton.click();
+                }
+            });
         }
     });
 </script>