From e832db2efb23e1650feb4f630367b766d4c239ec Mon Sep 17 00:00:00 2001 From: "a.tolmachev" Date: Fri, 3 Apr 2026 06:53:54 +0300 Subject: [PATCH] fix: stabilize localized agent card layout --- apps/ui/css/pages.css | 22 ++++++++++++++++++---- 1 file changed, 18 insertions(+), 4 deletions(-) diff --git a/apps/ui/css/pages.css b/apps/ui/css/pages.css index 1d59940..c7316a7 100644 --- a/apps/ui/css/pages.css +++ b/apps/ui/css/pages.css @@ -1113,17 +1113,28 @@ .agent-card-footer { display: flex; - align-items: center; - justify-content: space-between; + flex-direction: column; + align-items: stretch; + gap: 12px; padding-top: 12px; border-top: 1px solid var(--border-subtle); } -.agent-card-date { font-size: 11px; color: var(--text-muted); } +.agent-card-date { + font-size: 11px; + color: var(--text-muted); + line-height: 1.45; +} -.agent-card-actions { display: flex; gap: 6px; } +.agent-card-actions { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 6px; + width: 100%; +} .agent-action-btn { display: flex; align-items: center; + justify-content: center; gap: 5px; padding: 4px 10px; background: none; @@ -1134,6 +1145,9 @@ color: var(--text-secondary); cursor: pointer; transition: border-color 0.15s, color 0.15s, background 0.15s; + min-width: 0; + white-space: normal; + text-align: center; } .agent-action-btn:hover { border-color: var(--border-muted, #444c56); color: var(--text-primary); background: rgba(255,255,255,0.03); } .agent-action-btn.danger:hover { border-color: var(--error, #f87171); color: var(--error, #f87171); background: rgba(248,113,113,0.06); }