Fix layout

Signed-off-by: Marco <marcoambrosini@icloud.com>

Author: marcoambrosini

src/App.vue

@@ -148,12 +148,12 @@ export default {
 
 .first-run-wizard {
 	&__wrapper {
-		min-height:500px;
 		position: relative;
 		overflow: hidden;
 		padding: calc(var(--default-grid-baseline) * 5);
-		height: 100%;
 		border-radius: var(--border-radius-large);
+		display: flex;
+		min-height: min(520px, 80vh);
 	}
 
 	&__background-circle--first-page {
@@ -180,12 +180,13 @@ export default {
 
 	&__logo {
 		height: 70px;
-		position: relative;
 		background-repeat: no-repeat;
 		background-position: center;
 		background-size: 100px;
-		width: 120px;
 		margin: auto;
+		position: absolute;
+		left: 0;
+		width: 100%;
 	}
 }
 

src/components/Page1.vue

@@ -23,7 +23,7 @@
 
 <template>
 	<div class="page__wrapper">
-		<div class="page__scroller">
+		<div class="page__scroller first-page">
 			<h2 class="page__heading">
 				{{ t('firstrunwizard', 'A collaboration platform that puts you in control') }}
 			</h2>
@@ -86,4 +86,8 @@ export default {
 
 <style lang="scss" scoped>
 @import "pageStyles";
+
+.first-page{
+	margin-top: 80px;
+}
 </style>

src/components/Page3.vue

@@ -77,7 +77,7 @@ export default {
 @import "pageStyles";
 
 .page__content {
-	margin: calc(var(--default-grid-baseline) * 8) 0 calc(var(--default-grid-baseline) * 4) 0;
+	margin: calc(var(--default-grid-baseline) * 6) 0 calc(var(--default-grid-baseline) * 4) 0;
 }
 
 .version-number {