Clean admin layout, drop scripts, keep admin out of tools list

frontend/src/components/AdminDashboard.jsx

@@ -4,16 +4,12 @@ import axios from '../services/api';
 function AdminDashboard() {
   const [users, setUsers] = useState([]);
   const [websites, setWebsites] = useState([]);
-  const [scripts, setScripts] = useState([]);
   const [loadingUsers, setLoadingUsers] = useState(true);
   const [loadingSites, setLoadingSites] = useState(true);
-  const [loadingScripts, setLoadingScripts] = useState(true);
   const [creatingUser, setCreatingUser] = useState(false);
   const [creatingSite, setCreatingSite] = useState(false);
-  const [creatingScript, setCreatingScript] = useState(false);
   const [formUser, setFormUser] = useState({ username: '', password: '', role: 'user' });
   const [formSite, setFormSite] = useState({ name: '', url: '', description: '' });
-  const [formScript, setFormScript] = useState({ name: '', description: '', content: '' });
   const [error, setError] = useState(null);
 
   const fetchUsers = async () => {
@@ -41,22 +37,9 @@ function AdminDashboard() {
     }
   };
 
-  const fetchScripts = async () => {
-    try {
-      setLoadingScripts(true);
-      const res = await axios.get('/api/admin/scripts');
-      setScripts(res.data);
-    } catch (e) {
-      setError('Scripts konnten nicht geladen werden');
-    } finally {
-      setLoadingScripts(false);
-    }
-  };
-
   useEffect(() => {
     fetchUsers();
     fetchWebsites();
-    fetchScripts();
   }, []);
 
   const createUser = async () => {
@@ -93,23 +76,6 @@ function AdminDashboard() {
     }
   };
 
-  const createScript = async () => {
-    if (!formScript.name || !formScript.content) {
-      setError('Name und Inhalt erforderlich');
-      return;
-    }
-    try {
-      setCreatingScript(true);
-      await axios.post('/api/admin/scripts', formScript);
-      setFormScript({ name: '', description: '', content: '' });
-      await fetchScripts();
-    } catch (e) {
-      setError(e.response?.data?.message || 'Script konnte nicht angelegt werden');
-    } finally {
-      setCreatingScript(false);
-    }
-  };
-
   const updateRole = async (id, role) => {
     try {
       await axios.put(`/api/admin/users/${id}`, { role });
@@ -150,16 +116,6 @@ function AdminDashboard() {
     }
   };
 
-  const deleteScript = async (id) => {
-    if (!window.confirm('Script löschen?')) return;
-    try {
-      await axios.delete(`/api/admin/scripts/${id}`);
-      await fetchScripts();
-    } catch (e) {
-      setError('Konnte Script nicht löschen');
-    }
-  };
-
   return (
     <div className="main-content admin">
       <div className="admin-header">
@@ -294,55 +250,7 @@ function AdminDashboard() {
           )}
         </div>
 
-        <div className="admin-card">
-          <h3>Python-Skripte</h3>
-          <div className="form-grid">
-            <label>
-              Name
-              <input
-                value={formScript.name}
-                onChange={(e) => setFormScript({ ...formScript, name: e.target.value })}
-                placeholder="Cleanup Job"
-              />
-            </label>
-            <label>
-              Beschreibung
-              <input
-                value={formScript.description}
-                onChange={(e) => setFormScript({ ...formScript, description: e.target.value })}
-                placeholder="Kurzbeschreibung"
-              />
-            </label>
-            <label>
-              Inhalt
-              <textarea
-                rows={6}
-                value={formScript.content}
-                onChange={(e) => setFormScript({ ...formScript, content: e.target.value })}
-                placeholder="#!/usr/bin/env python3\nprint('Hello')"
-              />
-            </label>
-          </div>
-          <button onClick={createScript} disabled={creatingScript}>➕ Script speichern</button>
-          {loadingScripts ? <p className="muted">Lade Scripts...</p> : (
-            <div className="table compact">
-              <div className="table-row table-headings">
-                <span>🐍 Script</span>
-                <span>Beschreibung</span>
-                <span className="actions">Aktionen</span>
-              </div>
-              {scripts.map((s) => (
-                <div className="table-row" key={s.id}>
-                  <span className="user">{s.name}</span>
-                  <span className="muted">{s.description}</span>
-                  <span className="actions">
-                    <button className="ghost danger" onClick={() => deleteScript(s.id)}>🗑️</button>
-                  </span>
-                </div>
-              ))}
-            </div>
-          )}
-        </div>
+        {/* Scripts entfernt */}
       </div>
 
       {error && <p className="error">{error}</p>}

frontend/src/components/ToolOverview.jsx

@@ -28,9 +28,6 @@ function ToolOverview() {
       <p>Wähle ein Tool aus:</p>
 
       <button onClick={() => navigate('/tools/md5')}>🔒 MD5 Tool</button><br /><br />
-      {role === 'admin' && (
-        <button onClick={() => navigate('/admin')}>🛠️ Admin-Bereich</button>
-      )}
 
       <h3 style={{ marginTop: '24px' }}>🌐 Externe Webseiten</h3>
       {loadingWebsites ? (

frontend/src/css/admin.css

@@ -25,7 +25,7 @@
 .admin-grid {
   display: grid;
   gap: 18px;
-  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
 }
 
 .admin-card {
@@ -57,6 +57,11 @@ select {
   color: var(--text);
   border-radius: 12px;
   padding: 10px 12px;
+  width: 100%;
+}
+
+.admin-card textarea {
+  width: 100%;
 }
 
 .table {
@@ -67,7 +72,7 @@ select {
 
 .table-row {
   display: grid;
-  grid-template-columns: 1.2fr 0.6fr 1fr;
+  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.6fr) minmax(0, 1fr);
   gap: 8px;
   padding: 12px 14px;
   align-items: center;
@@ -86,7 +91,7 @@ select {
 }
 
 .table.compact .table-row {
-  grid-template-columns: 1fr 1fr 0.6fr;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.6fr);
 }
 
 .table .user {