исправлена 500 ошибка, пустое пространство в модалке

frontend/admin/css/modals.css

@@ -74,6 +74,59 @@
     color: var(--error);
 }
 
+#modal-edit-group .edit-group-modal {
+    width: min(980px, calc(100vw - 2rem));
+    max-height: none;
+    overflow: visible;
+}
+
+#modal-edit-group #edit-group-form {
+    display: grid;
+    gap: 1rem;
+    margin-top: 1rem;
+}
+
+#modal-edit-group .edit-group-form-row {
+    display: grid;
+    gap: 1rem;
+    align-items: end;
+}
+
+#modal-edit-group .edit-group-form-row-main {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+#modal-edit-group .edit-group-form-row-details {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+}
+
+#modal-edit-group .form-group {
+    min-width: 0;
+}
+
+#modal-edit-group .edit-group-submit {
+    display: flex;
+    align-items: flex-end;
+}
+
+#modal-edit-group .edit-group-submit .btn {
+    width: 100%;
+}
+
+@media (max-width: 980px) {
+    #modal-edit-group .edit-group-form-row-main,
+    #modal-edit-group .edit-group-form-row-details {
+        grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+}
+
+@media (max-width: 560px) {
+    #modal-edit-group .edit-group-form-row-main,
+    #modal-edit-group .edit-group-form-row-details {
+        grid-template-columns: 1fr;
+    }
+}
+
 #schedule-conflict-modal {
     padding: 0.35rem;
     overflow-x: hidden;

frontend/admin/views/groups.html

@@ -98,12 +98,12 @@
 
 <!-- Модальное окно редактирования группы -->
 <div class="modal-overlay" id="modal-edit-group">
-    <div class="modal-content card">
+    <div class="modal-content card edit-group-modal">
         <h2>Редактировать группу</h2>
         <button class="modal-close" id="modal-edit-group-close">&times;</button>
         <form id="edit-group-form">
             <input type="hidden" id="edit-group-id">
-            <div class="form-row" style="margin-top: 1rem;">
+            <div class="form-row edit-group-form-row edit-group-form-row-main">
                 <div class="form-group">
                     <label for="edit-group-name">Название группы</label>
                     <input type="text" id="edit-group-name" required>
@@ -119,7 +119,7 @@
                     </select>
                 </div>
             </div>
-            <div class="form-row" style="margin-top: 1rem;">
+            <div class="form-row edit-group-form-row edit-group-form-row-details">
                 <div class="form-group">
                     <label for="edit-group-department">Кафедра</label>
                     <select id="edit-group-department">
@@ -142,8 +142,8 @@
                         <option value="">Выберите специальность</option>
                     </select>
                 </div>
-                <div class="form-group" style="display: flex; align-items: flex-end;">
-                    <button type="submit" class="btn btn-md btn-primary" style="width: 100%;">Сохранить</button>
+                <div class="form-group edit-group-submit">
+                    <button type="submit" class="btn btn-md btn-primary">Сохранить</button>
                 </div>
             </div>
             <div class="form-alert" id="edit-group-alert" role="alert"></div>