diff --git a/frontend/src/assets/img/demo-qr.png b/frontend/src/assets/img/demo-qr.png index 3d7cd1e2db..a3d3b9c5c7 100644 Binary files a/frontend/src/assets/img/demo-qr.png and b/frontend/src/assets/img/demo-qr.png differ diff --git a/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx b/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx index f7777d0fb4..6dd52a6acd 100644 --- a/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx +++ b/frontend/src/component/demo/DemoDialog/DemoDialogWelcome/DemoDialogWelcome.tsx @@ -42,7 +42,15 @@ const StyledLink = styled('a')(({ theme }) => ({ }, })); -const StyledStartButton = styled(Button)(({ theme }) => ({ +const StyledButtons = styled('div')(({ theme }) => ({ + display: 'flex', + flexDirection: 'row', + justifyContent: 'space-between', + gap: theme.spacing(4), +})); + +const StyledButton = styled(Button)(({ theme }) => ({ + flex: 1, height: theme.spacing(7), })); @@ -79,7 +87,7 @@ export const DemoDialogWelcome = ({ Open demo website in another tab:{' '} { @@ -93,14 +101,23 @@ export const DemoDialogWelcome = ({ (we recommend you keep the pages open side by side) - - Try Unleash demo - + + + Explore on your own + + + Go for a guided tour + + ); };