fixed component height

src/app/app.component.sass

@@ -36,8 +36,10 @@
   max-height: 100vh
 
 #headerbar
+  height: 10vh
   @include gridPosition(1, 1, 1, 4)
   display: grid
   grid-template: 100% /30% 10% 10% 10% 10% 10% 15% 5%
   background-color: $cHeadPrimaryBackground
   color: $cHeadFontColor
+

src/app/components/about/about.component.sass

@@ -5,8 +5,8 @@
   background-color:  $cSecondaryBackground
   grid-template: 15% 70% 15% / 15% 70% 15% 
   display: grid
-  min-height: 100vh
-  max-height: 100vh
+  min-height: 90vh
+  max-height: 90vh
     
 #aboutcontainer
     @include gridPosition(2, 2,2,2)

src/app/components/chatlist/chatlist.component.ts

@@ -30,4 +30,8 @@ export class ChatlistComponent implements OnInit {
     this.showChatEvent.emit(this.selectedChat)
   }
 
+
+  newChat() {
+    console.error("not implemented")
+  }
 }

src/app/components/chatmanager/chatcontacts/chatcontacts.component.ts

@@ -27,4 +27,8 @@ export class ChatcontactsComponent implements OnInit {
     this.goBack()
   }
 
+  contactList() {
+    console.error("Not Imlemented!")
+  }
+
 }

src/app/components/home/home.component.sass

@@ -4,8 +4,8 @@
 #content
   grid-template: 100%/ 25% 50% 25%
   display: grid
-  min-height: 100vh
-  max-height: 100vh
+  min-height: 90vh
+  max-height: 90vh
 
 #chatcontainer
   @include gridPosition(1, 3, 1, 2)

src/app/components/imprint/imprint.component.sass

@@ -5,8 +5,7 @@
   background-color:  $cSecondaryBackground
   grid-template: 15% 70% 15% / 15% 70% 15% 
   display: grid
-  min-height: 100vh
-  max-height: 100vh
+  height: 90vh
     
 #imprintcontainer
     @include gridPosition(2, 2,2,2)

src/app/components/login/login.component.html

@@ -1,6 +1,7 @@
 
 <div id="login">
   <div id="logincontainer">
+    <h1>Login</h1>
     <table style="width:100%" (keyup.enter)="onClickSubmit(email.value,password.value)">
       <tr>
         <td>email: </td>

src/app/components/login/login.component.sass

@@ -5,8 +5,7 @@
   background-color:  $cSecondaryBackground
   grid-template: 8% 77% 15% / 15% 70% 15% 
   display: grid
-  min-height: 100vh
-  max-height: 100vh
+  height: 90vh
 
 #logincontainer
   @include gridPosition(2, 2,2,2)

src/app/components/profile/profile.component.sass

@@ -5,8 +5,8 @@
   background-color:  $cSecondaryBackground
   grid-template: 3% 94% 3% / 10% 80% 10% 
   display: grid
-  min-height: 100vh
-  max-height: 100vh
+  min-height: 90vh
+  max-height: 90vh
 
 #profilecontainer
   @include gridPosition(2, 2,2,2)

src/app/components/register/register.component.html

@@ -1,5 +1,6 @@
 <div id="register">
   <div id="registercontainer">
+      <h1>Register</h1>
       <table style="width:100%" (keyup.enter)="onClickSubmit(username.value,email.value,password.value, repeatpassword.value)">
           <tr>
             <td>username: </td>

src/app/components/register/register.component.sass

@@ -5,8 +5,8 @@
   background-color:  $cSecondaryBackground
   grid-template: 8% 77% 15% / 15% 70% 15% 
   display: grid
-  min-height: 100vh
-  max-height: 100vh
+  min-height: 90vh
+  max-height: 90vh
     
 #registercontainer
     @include gridPosition(2, 2,2,2)