changes to the deletion process

Website/templates/admin_instances.html

@@ -26,6 +26,7 @@
                 <th>Nginx Status</th>
                 <th>Letzte Meldung</th>
                 <th>Aktualisiert</th>
+                <th>Aktionen</th>
             </tr>
         </thead>
         <tbody>
@@ -59,6 +60,13 @@
                 <td>{{ item.nginx_status or 'unbekannt' }}</td>
                 <td class="last-msg-cell">{{ item.last_message or '-' }}</td>
                 <td>{{ item.updated_at or '-' }}</td>
+                <td class="actions-cell">
+                    <form action="{{ url_for('admin_delete_instance', instance_id=item.id) }}" method="POST" class="form-delete-single">
+                        <button type="submit" class="btn-delete-single" onclick="return confirm('Möchten Sie diese Instanz wirklich löschen?');">
+                            Löschen
+                        </button>
+                    </form>
+                </td>
             </tr>
             {% endfor %}
         </tbody>
@@ -67,9 +75,13 @@
     <p class="empty-state">Aktuell sind keine Tenant-Instanzen in der Datenbank vorhanden.</p>
     {% endif %}
 
-    <form action="{{ url_for('admin_delete_all_instances') }}" method="POST">
-        <button type="submit" class="btn-delete-all">ALLE INSTANZEN LÖSCHEN</button>
-    </form>
+    <div class="table-actions-bottom">
+        <form action="{{ url_for('admin_delete_all_instances') }}" method="POST">
+            <button type="submit" class="btn-delete-all" onclick="return confirm('Möchten Sie WIRKLICH ALLE Instanzen löschen?');">
+                ALLE INSTANZEN LÖSCHEN
+            </button>
+        </form>
+    </div>
 </section>
 
 <style>
@@ -163,5 +175,55 @@ th {
     border: 1px solid #cbd5e1;
     color: #475569;
 }
+
+/* Actions & Buttons */
+.actions-cell {
+    white-space: nowrap;
+}
+
+.form-delete-single {
+    margin: 0;
+    display: inline-block;
+}
+
+.btn-delete-single {
+    background-color: #fef2f2;
+    border: 1px solid #e3adad;
+    color: #8b2a27;
+    padding: 0.35rem 0.75rem;
+    border-radius: 6px;
+    font-weight: 600;
+    font-size: 0.8rem;
+    cursor: pointer;
+    transition: all 0.15s ease-in-out;
+}
+
+.btn-delete-single:hover {
+    background-color: #fee2e2;
+    border-color: #d97706;
+    color: #991b1b;
+}
+
+.table-actions-bottom {
+    margin-top: 1.5rem;
+    padding-top: 1rem;
+    border-top: 1px solid #e7edf3;
+}
+
+.btn-delete-all {
+    background-color: #991b1b;
+    color: #ffffff;
+    border: none;
+    padding: 0.6rem 1.2rem;
+    border-radius: 8px;
+    font-weight: 700;
+    font-size: 0.85rem;
+    cursor: pointer;
+    transition: background-color 0.15s ease-in-out;
+}
+
+.btn-delete-all:hover {
+    background-color: #7f1d1d;
+}
 </style>
 {% endblock %}