[deploy] improve dashboard usability and form visibility

frontend/src/pages/SupportLogin.tsx

@@ -27,6 +27,8 @@ export function SupportLogin() {
             <TextField>
               <Label>Panel Channel ID</Label>
               <Input
+                variant="bordered"
+                size="lg"
                 placeholder="Channel ID eingeben"
                 value={supportLogin?.config?.panelChannelId || ''}
                 onChange={(e) => setSupportLogin((s) => s ? { ...s, config: { ...s.config, panelChannelId: e.target.value } } : s)}
@@ -36,6 +38,8 @@ export function SupportLogin() {
             <TextField>
               <Label>Titel</Label>
               <Input
+                variant="bordered"
+                size="lg"
                 value={supportLogin?.config?.title || 'Support Login'}
                 onChange={(e) => setSupportLogin((s) => s ? { ...s, config: { ...s.config, title: e.target.value } } : s)}
               />
@@ -44,6 +48,7 @@ export function SupportLogin() {
             <TextField>
               <Label>Beschreibung</Label>
               <TextArea
+                variant="bordered"
                 value={supportLogin?.config?.description || ''}
                 onChange={(e) => setSupportLogin((s) => s ? { ...s, config: { ...s.config, description: e.target.value } } : s)}
               />
@@ -52,6 +57,8 @@ export function SupportLogin() {
             <TextField>
               <Label>Login Button Label</Label>
               <Input
+                variant="bordered"
+                size="lg"
                 value={supportLogin?.config?.loginLabel || 'Ich bin jetzt im Support'}
                 onChange={(e) => setSupportLogin((s) => s ? { ...s, config: { ...s.config, loginLabel: e.target.value } } : s)}
               />
@@ -60,6 +67,8 @@ export function SupportLogin() {
             <TextField>
               <Label>Logout Button Label</Label>
               <Input
+                variant="bordered"
+                size="lg"
                 value={supportLogin?.config?.logoutLabel || 'Ich bin nicht mehr im Support'}
                 onChange={(e) => setSupportLogin((s) => s ? { ...s, config: { ...s.config, logoutLabel: e.target.value } } : s)}
               />
@@ -71,7 +80,7 @@ export function SupportLogin() {
               <Button color="primary" startContent={<Save size={16} />} onPress={saveSupportLogin}>
                 Speichern & Panel senden
               </Button>
-              <Button variant="flat" startContent={<Send size={16} />}>
+              <Button variant="bordered" startContent={<Send size={16} />}>
                 Panel manuell senden
               </Button>
             </div>
@@ -98,8 +107,8 @@ export function SupportLogin() {
                   </div>
                 </CardHeader>
                 <CardContent className="flex gap-2">
-                  <Button size="sm" color="primary" variant="flat">{supportLogin?.config?.loginLabel || 'Login'}</Button>
-                  <Button size="sm" variant="flat">{supportLogin?.config?.logoutLabel || 'Logout'}</Button>
+                  <Button size="sm" color="primary">{supportLogin?.config?.loginLabel || 'Login'}</Button>
+                  <Button size="sm" variant="bordered">{supportLogin?.config?.logoutLabel || 'Logout'}</Button>
                 </CardContent>
               </Card>
             </CardContent>