Merge branch...

Merge branch '285-increase-the-length-of-the-session-list-according-to-the-available-space' into 'master'

Increase room-list height according to view height

Closes #285

See merge request arsnova/frag.jetzt!257

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

@@ -2,7 +2,7 @@
   <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="15px">
     <app-room-join></app-room-join>
   </div>
-  <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="15px">
+  <div fxLayout="row" fxLayoutAlign="center" class="button-container">
     <button class="focus_button" mat-raised-button (click)="openCreateRoomDialog()" id="create_session-button">
       <mat-icon>add</mat-icon>
       {{ 'home-page.create-session' | translate }}

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

@@ -13,3 +13,7 @@ app-room-list {
   background: var(--on-surface);
   color: var(--background);
 }
+
+.button-container {
+  margin-bottom: 3% !important;
+}

src/app/components/shared/room-list/room-list.component.html

@@ -20,7 +20,7 @@
       <mat-placeholder class="placeholder">{{ 'room-list.filter-message' | translate }}</mat-placeholder>
     </mat-form-field>
 
-    <div [class.tableOverflow]="this.tableDataSource.data.length > 5">
+    <div class="table-container">
       <table #roomTable mat-table [dataSource]="tableDataSource" style="width: 100%">
 
         <!-- Room / Session name column -->

src/app/components/shared/room-list/room-list.component.scss

@@ -66,3 +66,8 @@ th {
   background: var(--secondary);
   color: var(--on-secondary);
 }
+
+.table-container {
+  height: 45vh;
+  overflow: auto;
+}