From 0e55e45497c33d993e135dedbb2f1b3ef07df9bc Mon Sep 17 00:00:00 2001
From: Meleki <meleki@gott.local>
Date: Sun, 15 Mar 2026 11:08:51 +0100
Subject: [PATCH] UI: Remote-Modal und sp-loading Styling verbessern
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- sp-loading: Flexbox-Layout statt text-align center
- Remote-Modal: Powershell-Befehl immer sichtbar (nicht nur bei leerer Liste)
- remote-card-content: Padding ergänzt
---
 wwwroot/css/chat.css |  7 +++++--
 wwwroot/css/form.css |  2 +-
 wwwroot/js/modals.js | 17 ++++++-----------
 3 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/wwwroot/css/chat.css b/wwwroot/css/chat.css
index 64e8344..238d229 100644
--- a/wwwroot/css/chat.css
+++ b/wwwroot/css/chat.css
@@ -869,8 +869,11 @@
 }
 
 .sp-loading {
-  text-align: center;
-  padding: var(--page-padding);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--badge-spacing);
+  padding: var(--box-padding);
 }
 
 .sp-loading code {
diff --git a/wwwroot/css/form.css b/wwwroot/css/form.css
index 244de6c..453e123 100644
--- a/wwwroot/css/form.css
+++ b/wwwroot/css/form.css
@@ -888,7 +888,7 @@ a.admin-user-meta {
 .event-scanner-log { white-space: pre-line }
 
 .remote-hint { font-size: var(--font-size); opacity: var(--semi-transparent); margin-bottom: var(--box-spacing) }
-.remote-card-content { font-size: var(--font-size); display: flex; align-items: center; gap: var(--box-spacing) }
+.remote-card-content { font-size: var(--font-size); display: flex; align-items: center; gap: var(--box-spacing); padding: var(--box-padding) }
 .remote-card-info { flex: 1; opacity: var(--semi-transparent) }
 .none-card-image { display: flex; align-items: center; justify-content: center }
 .none-card-icon { font-size: 2em; opacity: var(--semi-transparent) }
diff --git a/wwwroot/js/modals.js b/wwwroot/js/modals.js
index 52afa1e..49c4e75 100644
--- a/wwwroot/js/modals.js
+++ b/wwwroot/js/modals.js
@@ -322,21 +322,16 @@ async function showRemoteModal(sessionId) {
       const connections = await apiGetRemoteConnections();
       body.innerHTML = '';
 
+      var empty = document.createElement('div');
+      empty.className = 'sp-loading';
+      empty.innerHTML = '<div>Powershell-Befehl unter Windows ausführen</div>' +
+        '<code>irm ' + esc(location.origin) + '/remote | iex</code>';
+      body.appendChild(empty);
+
       if (!connections || connections.length === 0) {
-        var empty = document.createElement('div');
-        empty.className = 'sp-loading';
-        empty.innerHTML = 'Keine Remote-Verbindungen aktiv.<br><br>' +
-          '<span>Auf dem Windows-PC ausführen:<br>' +
-          '<code>irm ' + esc(location.origin) + '/remote | iex</code></span>';
-        body.appendChild(empty);
         return;
       }
 
-      var hint = document.createElement('div');
-      hint.className = 'remote-hint';
-      hint.textContent = 'Verbindung auswählen um Remote-Befehle in dieser Session zu ermöglichen:';
-      body.appendChild(hint);
-
       for (var i = 0; i < connections.length; i++) {
         var conn = connections[i];
         var card = document.createElement('div');