From 40c2c11c85f6c6ec34d8b727d87b75a610841331 Mon Sep 17 00:00:00 2001
From: "alexei.dolgolyov" <dolgolyov.alexei@gmail.com>
Date: Fri, 6 Feb 2026 17:34:11 +0300
Subject: [PATCH] Update media-server: Improve script/callback table layout and
 command editor UX

- Reduce command column max-width from 300px/400px to 200px for better table fit
- Change command input from single-line text to multiline textarea (3 rows)
- Apply changes to both script and callback dialogs
- Prevents table overflow and makes editing long commands easier

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 media_server/static/index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/media_server/static/index.html b/media_server/static/index.html
index 8afcbe4..88e15fd 100644
--- a/media_server/static/index.html
+++ b/media_server/static/index.html
@@ -1054,7 +1054,7 @@
 
                 <label>
                     <span data-i18n="scripts.field.command">Command *</span>
-                    <input type="text" id="scriptCommand" required data-i18n-placeholder="scripts.placeholder.command" placeholder="e.g., shutdown /s /t 0">
+                    <textarea id="scriptCommand" required rows="3" data-i18n-placeholder="scripts.placeholder.command" placeholder="e.g., shutdown /s /t 0"></textarea>
                 </label>
 
                 <label>
@@ -1108,7 +1108,7 @@
 
                 <label>
                     <span data-i18n="callbacks.field.command">Command *</span>
-                    <input type="text" id="callbackCommand" required data-i18n-placeholder="callbacks.placeholder.command" placeholder="e.g., shutdown /s /t 0">
+                    <textarea id="callbackCommand" required rows="3" data-i18n-placeholder="callbacks.placeholder.command" placeholder="e.g., shutdown /s /t 0"></textarea>
                 </label>
 
                 <label>
@@ -1861,7 +1861,7 @@
                     <tr>
                         <td><code>${script.name}</code></td>
                         <td>${script.label || script.name}</td>
-                        <td style="max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
+                        <td style="max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
                             title="${escapeHtml(script.command || 'N/A')}">${escapeHtml(script.command || 'N/A')}</td>
                         <td>${script.timeout}s</td>
                         <td>
@@ -2072,7 +2072,7 @@
                 tbody.innerHTML = callbacksList.map(callback => `
                     <tr>
                         <td><code>${callback.name}</code></td>
-                        <td style="max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
+                        <td style="max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"
                             title="${escapeHtml(callback.command)}">${escapeHtml(callback.command)}</td>
                         <td>${callback.timeout}s</td>
                         <td>