From f889747e222a85e092b0f78a85004186c3ec32db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Tue, 29 Jan 2019 21:47:25 +0100
Subject: [PATCH] Refine login-page view
---
src/app/app.component.scss | 2 +-
.../components/home/login-page/login-page.component.html | 8 ++++----
.../components/home/login-page/login-page.component.scss | 7 ++++++-
3 files changed, 11 insertions(+), 6 deletions(-)
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 49800e522..23f30f882 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,7 +1,7 @@
@import '../theme/_variables.scss';
.app-component {
- padding: 20px;
+ padding: 4%;
background-color: #b2dfdb;
}
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 817fce612..b69727265 100644
--- a/src/app/components/home/login-page/login-page.component.html
+++ b/src/app/components/home/login-page/login-page.component.html
@@ -3,12 +3,12 @@
<mat-card class="outer">
<mat-card-header fxlayoutalign="center">
<mat-card-title fxlayoutalign="center">
- <h1 class="main-heading">
+ <h1>
<span class="main-heading-secondary">{{ 'login-page.welcome' | translate }}</span>
<span class="main-heading-primary">ARSnova</span>
</h1>
- </mat-card-title>
- </mat-card-header>
+ </mat-card-title>
+ </mat-card-header>
<mat-card-content>
<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
<div fxLayout="row" fxLayoutAlign="center">
@@ -29,7 +29,7 @@
</div>
</mat-tab>
</mat-tab-group>
- <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="18px">
+ <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="15px">
<button mat-raised-button class="regButton" color="primary" (click)="openRegisterDialog()">
{{ 'login-page.register' | translate }}
</button>
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 2c03b3272..f999211fe 100644
--- a/src/app/components/home/login-page/login-page.component.scss
+++ b/src/app/components/home/login-page/login-page.component.scss
@@ -5,11 +5,12 @@
}
.inner {
- min-width: 323px;
+ min-width: 320px;
background-color: #f5f5f5;
}
.outer {
+ width: 500px;
background-color: #bbdefb;
}
@@ -76,3 +77,7 @@
.pwButton {
min-width: 178px;
}
+
+mat-card-header {
+ justify-content: center;
+}
--
GitLab