refactor(actions): unify add button placement with outline variant in list footer

frontend/src/pages/Actions.tsx

@@ -312,8 +312,13 @@ export function Actions() {
 					description="Pick a saved task, then edit or run it from the detail pane."
 					contentSx={{ maxHeight: { xs: 520, md: 620 } }}
 					footer={
-						<Button fullWidth variant="contained" onClick={createNew}>
+						<Button
-							+ New action
+							variant="outlined"
+							size="small"
+							fullWidth
+							onClick={createNew}
+						>
+							Add action
 						</Button>
 					}
 				>
@@ -580,28 +585,19 @@ export function Actions() {
 										<Typography variant="subtitle1" sx={{ fontWeight: 700 }}>
 											No action selected
 										</Typography>
-										<Typography variant="body2" color="text.secondary">
+								<Typography variant="body2" color="text.secondary">
-											Select a saved action from the list on the left to view
+									Select a saved action from the list on the left to view
-											its details, run it, or open the editor popup. Use the
+									its details, run it, or open the editor popup. Use the
-											button at the bottom to add a new action.
+									button at the bottom to add a new action.
-										</Typography>
+								</Typography>
-										<Stack
+								{tasks[0] && (
-											direction="row"
+									<Button
-											spacing={1}
+										variant="outlined"
-											sx={{ flexWrap: "wrap" }}
+										onClick={() => setTab(tasks[0].id)}
-										>
+									>
-											<Button variant="contained" onClick={createNew}>
+										Select first action
-												+ New action
+									</Button>
-											</Button>
+								)}
-											{tasks[0] && (
-												<Button
-													variant="outlined"
-													onClick={() => setTab(tasks[0].id)}
-												>
-													Select first action
-												</Button>
-											)}
-										</Stack>
 									</Stack>
 								</CardContent>
 							</Card>