From 935a4e6abe26549e282a2cbbdf18cbea2db07d09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Tue, 12 Feb 2019 17:52:08 +0100
Subject: [PATCH] Style create-button
---
.../home/new-landing/new-landing.component.html | 3 ++-
.../home/new-landing/new-landing.component.scss | 8 ++++++++
2 files changed, 10 insertions(+), 1 deletion(-)
diff --git a/src/app/components/home/new-landing/new-landing.component.html b/src/app/components/home/new-landing/new-landing.component.html
index 96344e6cf..5647e64df 100644
--- a/src/app/components/home/new-landing/new-landing.component.html
+++ b/src/app/components/home/new-landing/new-landing.component.html
@@ -16,8 +16,9 @@
</div>
</form>
<button mat-button class="demo" color="primary">Demo Session<mat-icon color="accent">lightbulb_outline</mat-icon></button>
- <button mat-fab color="accent" (click)="openCreateRoomDialog()">
+ <button mat-fab class="fab-extended" color="accent" (click)="openCreateRoomDialog()">
<mat-icon class="add">add</mat-icon>
+ Create Session
</button>
<h3>Neue Session erstellen!</h3>
</div>
diff --git a/src/app/components/home/new-landing/new-landing.component.scss b/src/app/components/home/new-landing/new-landing.component.scss
index 6348c9435..3e5054880 100644
--- a/src/app/components/home/new-landing/new-landing.component.scss
+++ b/src/app/components/home/new-landing/new-landing.component.scss
@@ -10,3 +10,11 @@ h3 {
color: #4db6ac;
text-align: center;
}
+
+.fab-extended {
+ width: 70%;
+ height: 48px;
+ padding: 0px;
+ border-radius: 32px;
+ justify-content: center;
+}
--
GitLab