From edc5fa7fd04f030f091bebeb25049843c12d4b5d Mon Sep 17 00:00:00 2001
From: Nirodan <nirodan.production@gmail.com>
Date: Thu, 22 Jan 2026 13:05:47 +0100
Subject: [PATCH] Stack admin forms to prevent overflow

---
 frontend/src/components/AdminDashboard.jsx | 6 +++---
 frontend/src/css/admin.css                 | 7 ++++++-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/AdminDashboard.jsx b/frontend/src/components/AdminDashboard.jsx
index 329a3d4..d629475 100644
--- a/frontend/src/components/AdminDashboard.jsx
+++ b/frontend/src/components/AdminDashboard.jsx
@@ -122,14 +122,14 @@ function AdminDashboard() {
         <div>
           <p className="eyebrow">Adminbereich</p>
           <h2>Verwaltung</h2>
-          <p className="muted">Nutzer, externe Links und Python-Skripte zentral verwalten.</p>
+          <p className="muted">Nutzer und externe Links zentral verwalten.</p>
         </div>
       </div>
 
       <div className="admin-grid">
         <div className="admin-card">
           <h3>Neuen Nutzer anlegen</h3>
-          <div className="form-grid">
+          <div className="form-grid stacked">
             <label>
               Benutzername
               <input
@@ -203,7 +203,7 @@ function AdminDashboard() {
       <div className="admin-grid">
         <div className="admin-card">
           <h3>Externe Webseiten</h3>
-          <div className="form-grid">
+          <div className="form-grid stacked">
             <label>
               Name
               <input
diff --git a/frontend/src/css/admin.css b/frontend/src/css/admin.css
index 73a3918..9315bdb 100644
--- a/frontend/src/css/admin.css
+++ b/frontend/src/css/admin.css
@@ -41,17 +41,22 @@
 
 .form-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   gap: 12px;
   margin: 12px 0 8px;
 }
 
+.form-grid.stacked {
+  grid-template-columns: 1fr;
+}
+
 .form-grid label {
   display: flex;
   flex-direction: column;
   gap: 6px;
   color: var(--muted);
   font-weight: 600;
+  word-break: break-word;
 }
 
 select {