From 82a43d0064b7220843ff4426d92f5c58a700ff56 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:51:36 +0100
Subject: [PATCH] Adjust card size on landing page
---
.../components/home/login-page/login-page.component.html | 2 +-
.../components/home/login-page/login-page.component.scss | 7 ++++---
2 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/src/app/components/home/login-page/login-page.component.html b/src/app/components/home/login-page/login-page.component.html
index dfe844f45..afdf7705f 100644
--- a/src/app/components/home/login-page/login-page.component.html
+++ b/src/app/components/home/login-page/login-page.component.html
@@ -1,5 +1,5 @@
<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
- <div fxLayout="row" fxLayoutAlign="center">
+ <div fxLayout="row" fxLayoutAlign="start start">
<mat-card class="outer">
<mat-card-header>
<mat-card-title>
diff --git a/src/app/components/home/login-page/login-page.component.scss b/src/app/components/home/login-page/login-page.component.scss
index a9caa8f74..11fe49b87 100644
--- a/src/app/components/home/login-page/login-page.component.scss
+++ b/src/app/components/home/login-page/login-page.component.scss
@@ -5,7 +5,8 @@
}
.outer {
- width: 500px;
+ width: 90%;
+ height: 90%;
background-color: #bbdefb;
}
@@ -15,7 +16,7 @@
.main-heading-primary {
display: block;
- font-size: 150%;
+ font-size: 120%;
font-weight: bold;
text-align: center;
letter-spacing: 10px;
@@ -26,7 +27,7 @@
.main-heading-secondary {
font-family: sans-serif;
display: block;
- font-size: 50%;
+ font-size: 40%;
text-align: center;
letter-spacing: 10px;
color: mat-color($arsnova-accent,500);
--
GitLab