diff --git a/containers/libreportal/frontend/css/tools.css b/containers/libreportal/frontend/css/tools.css index faa30f5..8b05c70 100644 --- a/containers/libreportal/frontend/css/tools.css +++ b/containers/libreportal/frontend/css/tools.css @@ -184,6 +184,10 @@ but bigger and green. The delete button uses bootstrap red var(--status-danger); we use bootstrap green var(--status-success) for parity. */ .tool-run-btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 6px; background: rgba(var(--status-success-rgb), 0.12); border: 1px solid rgba(var(--status-success-rgb), 0.3); color: var(--status-success); @@ -196,6 +200,8 @@ cursor: pointer; transition: all 0.2s ease; } +.tool-run-btn-icon { flex-shrink: 0; } +.tool-run-btn-label { display: inline-block; } .tool-run-btn:hover { background: rgba(var(--status-success-rgb), 0.22); diff --git a/containers/libreportal/frontend/js/components/app/tools-manager.js b/containers/libreportal/frontend/js/components/app/tools-manager.js index f0b9ef0..a38ceb8 100644 --- a/containers/libreportal/frontend/js/components/app/tools-manager.js +++ b/containers/libreportal/frontend/js/components/app/tools-manager.js @@ -377,7 +377,10 @@ class ToolsManager {