fix: stabilize localized agent card layout

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); }