diff --git a/app/src/components/ConnectionSetup/ConnectionSetup.tsx b/app/src/components/ConnectionSetup/ConnectionSetup.tsx index b357831..f93597f 100644 --- a/app/src/components/ConnectionSetup/ConnectionSetup.tsx +++ b/app/src/components/ConnectionSetup/ConnectionSetup.tsx @@ -71,16 +71,17 @@ class ConnectionSetup extends React.Component { } } +const connectionHeight = '440px' const styles = (theme: Theme) => ({ title: { color: theme.palette.text.primary, whiteSpace: 'nowrap' as 'nowrap', }, root: { - margin: '13vw auto 0 auto', + margin: `calc((100vh - ${connectionHeight}) / 2) auto 0 auto`, minWidth: '800px', maxWidth: '850px', - height: '440px', + height: connectionHeight, outline: 'none' as 'none', display: 'flex' as 'flex', }, diff --git a/src/electron.ts b/src/electron.ts index 0bc183e..657c235 100644 --- a/src/electron.ts +++ b/src/electron.ts @@ -40,6 +40,7 @@ function createWindow() { height: runningUiTestOnCi ? 720 : 700, show: false, webPreferences: { + zoomFactor: runningUiTestOnCi ? 1.15 : undefined, nodeIntegration: true, devTools: true, },