From 8fe30668e020094876ad4728fc6509eb6d3cc1e6 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <m.wagner@itlsoftware.de>
Date: Tue, 9 Sep 2025 13:46:17 +0200
Subject: [PATCH] Fix UserManagement.jsx page

---
 .../pages/UserManagement/UserManagement.jsx   | 23 +++++++++----------
 webui/src/pages/UserManagement/styles.sass    |  9 ++++++++
 2 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/webui/src/pages/UserManagement/UserManagement.jsx b/webui/src/pages/UserManagement/UserManagement.jsx
index 913bad1..126d7d3 100644
--- a/webui/src/pages/UserManagement/UserManagement.jsx
+++ b/webui/src/pages/UserManagement/UserManagement.jsx
@@ -14,7 +14,6 @@ import EmptyState from '@/common/components/EmptyState';
 import PageHeader from '@/common/components/PageHeader';
 import Avatar from '@/common/components/Avatar';
 import DetailItem, {DetailList} from '@/common/components/DetailItem';
-import FormError from '@/common/components/FormError';
 import {
     PlusIcon,
     PencilIcon,
@@ -312,17 +311,17 @@ const UserManagement = () => {
                 size="md"
             >
                 <form onSubmit={handleSubmit} className="modal-form">
-                    <FormError>{formErrors.general}</FormError>
-
-                    <Input
-                        label="Username"
-                        name="username"
-                        value={formData.username}
-                        onChange={handleInputChange}
-                        error={formErrors.username}
-                        placeholder="Enter username"
-                        disabled={submitting}
-                    />
+                    {formErrors.general && (
+                        <div className="form-error">{formErrors.general}</div>
+                    )} <Input
+                    label="Username"
+                    name="username"
+                    value={formData.username}
+                    onChange={handleInputChange}
+                    error={formErrors.username}
+                    placeholder="Enter username"
+                    disabled={submitting}
+                />
 
                     <Input
                         label={editingUser ? "New Password (leave empty to keep current)" : "Password"}
diff --git a/webui/src/pages/UserManagement/styles.sass b/webui/src/pages/UserManagement/styles.sass
index 4e8d142..26a9fc6 100644
--- a/webui/src/pages/UserManagement/styles.sass
+++ b/webui/src/pages/UserManagement/styles.sass
@@ -30,6 +30,15 @@
   flex-direction: column
   gap: 1.25rem
 
+.form-error
+  background: #fdeaea
+  border: 1px solid #f5c6cb
+  color: #721c24
+  padding: 0.75rem 1rem
+  border-radius: var(--radius)
+  font-size: 0.9rem
+  font-weight: 500
+
 @media (max-width: 768px)
   .user-card-header
     flex-direction: column