Merge branch '146-center-the-session-dialog-vertically' into 'master'

Resolve "Center the Session dialog vertically"

Closes #146

See merge request arsnova/frag.jetzt!146

src/app/components/creator/room-creator-page/room-creator-page.component.scss

@@ -6,6 +6,7 @@ mat-card {
   min-height: 350px;
   max-height: 600px;
   background-color: var(--surface)!important;
+  margin-top: 7%;
 }
 
 mat-card-content > :first-child {
@@ -73,7 +74,7 @@ mat-card-content > :first-child {
 }
 
 mat-grid-list {
-  margin: 8% 0 10% 0;
+  margin-top: 0;
   max-height: 50%!important;
 }
 
@@ -137,5 +138,5 @@ mat-expansion-panel {
 }
 
 .question-button-div {
-  margin: 20% 0 20% 0;
+  margin: 10% 0 10% 0;
 }

src/app/components/home/home-page/home-page.component.html

-<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
+<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill class="home">
   <div fxLayout="row" fxLayoutAlign="center">
     <h1>
       <span class="main-heading-secondary" aria-hidden="true">{{ 'login.welcome' | translate }}</span>

src/app/components/home/home-page/home-page.component.scss

@@ -24,6 +24,10 @@
   animation: moveInRight 1s ease-out;
 }
 
+.home {
+  margin-top: 10%;
+}
+
 @keyframes moveInLeft {
   0% {
     opacity: 0;

src/app/components/moderator/room-moderator-page/room-moderator-page.component.scss

@@ -6,6 +6,7 @@ mat-card {
   min-height: 350px;
   max-height: 600px;
   background-color: var(--surface)!important;
+  margin-top: 5%;
 }
 
 mat-card-content > :first-child {
@@ -73,7 +74,7 @@ mat-card-content > :first-child {
 }
 
 mat-grid-list {
-  margin: 8% 0 10% 0;
+  margin: 0;
 }
 
 .second {
@@ -136,5 +137,5 @@ mat-expansion-panel {
 }
 
 .question-button-div {
-  margin: 20% 0 20% 0;
+  margin: 10% 0 10% 0;
 }