feat(ui): improve mobile browser support

UI/src/pages/Dashboard.tsx

@@ -67,7 +67,7 @@ export function DashboardPage() {
 
 			<div className="grid gap-8 lg:grid-cols-3">
 				<div className="lg:col-span-2">
-					<div className="mb-3 flex items-center justify-between">
+					<div className="mb-3 flex items-center justify-between gap-3">
 						<h2 className="text-lg font-semibold">Awaiting review</h2>
 						<Link to="/requests" className="text-sm text-primary hover:underline">
 							View all →
@@ -89,7 +89,7 @@ export function DashboardPage() {
 				</div>
 
 				<div>
-					<div className="mb-3 flex items-center justify-between">
+					<div className="mb-3 flex items-center justify-between gap-3">
 						<h2 className="text-lg font-semibold">Agents</h2>
 						<Link to="/agents" className="text-sm text-primary hover:underline">
 							Manage →
@@ -128,7 +128,7 @@ function PendingRow({ request }: { request: ChangeRequest }) {
 					<div className="flex min-w-0 items-start gap-3">
 						<AgentAvatar name={request.agent?.name ?? "?"} iconUrl={request.agent?.icon_url} size={32} />
 						<div className="min-w-0">
-							<div className="flex items-center gap-2">
+							<div className="flex flex-wrap items-center gap-2">
 								<p className="truncate font-medium text-text">{request.title}</p>
 								{request.resubmitted && (
 									<span className="animate-pulse-ring rounded-full bg-changes/20 px-2 py-0.5 text-[10px] font-semibold text-changes">