From 2e8970b74368464ebfdf932fda3216d50f7acd11 Mon Sep 17 00:00:00 2001
From: Lukas Kimpel <lukas.kimpel@mni.thm.de>
Date: Fri, 9 Mar 2018 11:29:10 +0100
Subject: [PATCH] Reformat participant home screen Reformat join room component
Reformat participant home screen component Add some basic scss formats
---
src/app/join-room/join-room.component.html | 12 ++++++++----
.../participant-home-screen.component.html | 11 +++++++++--
.../participant-home-screen.component.scss | 8 ++++++++
3 files changed, 25 insertions(+), 6 deletions(-)
diff --git a/src/app/join-room/join-room.component.html b/src/app/join-room/join-room.component.html
index c2b0d9018..f95094982 100644
--- a/src/app/join-room/join-room.component.html
+++ b/src/app/join-room/join-room.component.html
@@ -1,6 +1,10 @@
<form>
- <mat-form-field class="input-block">
- <input matInput placeholder="Room-Id" />
- </mat-form-field>
- <button mat-raised-button color="primary">Join</button>
+ <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
+ <mat-form-field class="input-block">
+ <input matInput #roomId placeholder="Room-Id"/>
+ </mat-form-field>
+ <button mat-fab color="primary" routerLink="room/{{ roomId.value }}">
+ <mat-icon>send</mat-icon>
+ </button>
+ </div>
</form>
diff --git a/src/app/participant-home-screen/participant-home-screen.component.html b/src/app/participant-home-screen/participant-home-screen.component.html
index 46484d6c1..68e3b6b6f 100644
--- a/src/app/participant-home-screen/participant-home-screen.component.html
+++ b/src/app/participant-home-screen/participant-home-screen.component.html
@@ -1,2 +1,9 @@
-<app-join-room></app-join-room>
-<app-room-list></app-room-list>
+<div fxLayout="column" fxLayoutAlign="start" fxLayoutGap="20px" fxFill>
+ <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="5px">
+ <app-join-room></app-join-room>
+ </div>
+ <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="5px">
+ <app-room-list></app-room-list>
+ </div>
+</div>
+
diff --git a/src/app/participant-home-screen/participant-home-screen.component.scss b/src/app/participant-home-screen/participant-home-screen.component.scss
index e69de29bb..ed4708ea3 100644
--- a/src/app/participant-home-screen/participant-home-screen.component.scss
+++ b/src/app/participant-home-screen/participant-home-screen.component.scss
@@ -0,0 +1,8 @@
+app-join-room {
+ max-width: 800px;
+}
+
+app-room-list {
+ width: 100%;
+ max-width: 800px;
+}
--
GitLab