From 321a8a5904a603992bad6a070d24e9fae530e7f2 Mon Sep 17 00:00:00 2001
From: Lukas Kimpel <lukas.kimpel@mni.thm.de>
Date: Fri, 16 Mar 2018 10:29:40 +0100
Subject: [PATCH] Customize buttons stylings
---
.../creator-choice-content.component.html | 6 +++---
.../creator-text-content.component.html | 2 +-
.../participant-choice-content.component.html | 2 +-
.../participant-text-content.component.html | 2 +-
.../participant-text-content.component.scss | 3 +++
5 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/src/app/creator-choice-content/creator-choice-content.component.html b/src/app/creator-choice-content/creator-choice-content.component.html
index 4bd29154f..c3bc9ee62 100644
--- a/src/app/creator-choice-content/creator-choice-content.component.html
+++ b/src/app/creator-choice-content/creator-choice-content.component.html
@@ -27,9 +27,9 @@
<mat-divider></mat-divider>
- <div fxLayout="row" fxLayoutGap="5px">
+ <div fxLayout="row" fxLayoutGap="15px">
<div fxLayout="column" fxLayoutAlign="center">
- <mat-checkbox #answerIsCorrect color="primary"></mat-checkbox>
+ <mat-checkbox #answerIsCorrect color="primary">Is correct</mat-checkbox>
</div>
<mat-form-field>
<input matInput #answerLabel placeholder="Answer" name="answer">
@@ -45,5 +45,5 @@
</div>
</div>
- <button mat-button type="submit">Submit</button>
+ <button mat-raised-button type="submit" color="primary">Submit</button>
</form>
diff --git a/src/app/creator-text-content/creator-text-content.component.html b/src/app/creator-text-content/creator-text-content.component.html
index 02bc441a0..bc01fb669 100644
--- a/src/app/creator-text-content/creator-text-content.component.html
+++ b/src/app/creator-text-content/creator-text-content.component.html
@@ -5,5 +5,5 @@
<mat-form-field>
<textarea matInput #body [(ngModel)]="content.body" placeholder="Body" name="body"></textarea>
</mat-form-field>
- <button mat-button type="submit">Submit</button>
+ <button mat-raised-button type="submit" color="primary">Submit</button>
</form>
diff --git a/src/app/participant-choice-content/participant-choice-content.component.html b/src/app/participant-choice-content/participant-choice-content.component.html
index 0ba5c179e..295ef1677 100644
--- a/src/app/participant-choice-content/participant-choice-content.component.html
+++ b/src/app/participant-choice-content/participant-choice-content.component.html
@@ -7,5 +7,5 @@
<mat-checkbox color="primary">{{ answer.label }}</mat-checkbox>
</mat-list-item>
</mat-list>
- <button mat-button>Send answer</button>
+ <button mat-raised-button color="primary">Send answer</button>
</form>
diff --git a/src/app/participant-text-content/participant-text-content.component.html b/src/app/participant-text-content/participant-text-content.component.html
index 19899bf42..952432295 100644
--- a/src/app/participant-text-content/participant-text-content.component.html
+++ b/src/app/participant-text-content/participant-text-content.component.html
@@ -5,5 +5,5 @@
<mat-form-field>
<textarea matInput #answer placeholder="Your answer"></textarea>
</mat-form-field>
- <button mat-button type="submit">Submit</button>
+ <button mat-raised-button type="submit" color="primary">Submit</button>
</form>
diff --git a/src/app/participant-text-content/participant-text-content.component.scss b/src/app/participant-text-content/participant-text-content.component.scss
index e69de29bb..9ee20adf8 100644
--- a/src/app/participant-text-content/participant-text-content.component.scss
+++ b/src/app/participant-text-content/participant-text-content.component.scss
@@ -0,0 +1,3 @@
+mat-form-field {
+ display: block;
+}
--
GitLab