From 35a4a8589b30b7ce12a5f0e1e6abb83d43c0658f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Sat, 1 Jun 2019 18:28:38 +0200
Subject: [PATCH] Adjust buttons of content-creation

---
 .../content-choice-creator.component.html                    | 4 ++--
 .../content-likert-creator.component.html                    | 2 +-
 .../content-likert-creator.component.scss                    | 5 +++++
 .../content-text-creator/content-text-creator.component.html | 2 +-
 .../content-text-creator/content-text-creator.component.scss | 5 +++++
 .../content-yes-no-creator.component.html                    | 2 +-
 .../content-yes-no-creator.component.scss                    | 5 +++++
 7 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/app/components/creator/content-choice-creator/content-choice-creator.component.html b/src/app/components/creator/content-choice-creator/content-choice-creator.component.html
index 236216731..1d90657e7 100644
--- a/src/app/components/creator/content-choice-creator/content-choice-creator.component.html
+++ b/src/app/components/creator/content-choice-creator/content-choice-creator.component.html
@@ -50,8 +50,8 @@
       <mat-icon class="addIcon">add_box</mat-icon>
     </button>
   </div>
-  <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="25px">
-    <button mat-raised-button class="create" type="submit">{{ 'content.create' | translate }}</button>
+  <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="20px">
     <button mat-raised-button class="reset" (click)="reset($event)">{{ 'content.reset' | translate }}</button>
+    <button mat-raised-button class="create" type="submit">{{ 'content.create' | translate }}</button>
   </div>
 </form>
diff --git a/src/app/components/creator/content-likert-creator/content-likert-creator.component.html b/src/app/components/creator/content-likert-creator/content-likert-creator.component.html
index feecd6014..7caf6c9dd 100644
--- a/src/app/components/creator/content-likert-creator/content-likert-creator.component.html
+++ b/src/app/components/creator/content-likert-creator/content-likert-creator.component.html
@@ -10,7 +10,7 @@
     <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
     <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>
   </mat-table>
-  <div>
+  <div fxLayout="row" fxLayoutAlign="center">
     <button mat-raised-button type="submit"class="submit">{{ 'content.create' | translate }}</button>
   </div>
 </form>
diff --git a/src/app/components/creator/content-likert-creator/content-likert-creator.component.scss b/src/app/components/creator/content-likert-creator/content-likert-creator.component.scss
index 4b6e92c0b..051ec35e5 100644
--- a/src/app/components/creator/content-likert-creator/content-likert-creator.component.scss
+++ b/src/app/components/creator/content-likert-creator/content-likert-creator.component.scss
@@ -11,6 +11,11 @@ mat-cell {
 }
 
 .submit {
+  margin-top: 80px;
   background-color: var(--primary);
   color: var(--on-primary);
 }
+
+.mat-raised-button {
+  min-width: 120px;
+}
diff --git a/src/app/components/creator/content-text-creator/content-text-creator.component.html b/src/app/components/creator/content-text-creator/content-text-creator.component.html
index d9a776aea..2eae0303e 100644
--- a/src/app/components/creator/content-text-creator/content-text-creator.component.html
+++ b/src/app/components/creator/content-text-creator/content-text-creator.component.html
@@ -1,5 +1,5 @@
 <form (ngSubmit)="submitContent()">
-  <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="5px">
+  <div fxLayout="row" fxLayoutAlign="center">
     <button mat-raised-button type="submit" class="submit">{{'content.create' | translate}}</button>
   </div>
 </form>
diff --git a/src/app/components/creator/content-text-creator/content-text-creator.component.scss b/src/app/components/creator/content-text-creator/content-text-creator.component.scss
index 3eb278fae..bb06a964f 100644
--- a/src/app/components/creator/content-text-creator/content-text-creator.component.scss
+++ b/src/app/components/creator/content-text-creator/content-text-creator.component.scss
@@ -3,6 +3,11 @@ form > button {
 }
 
 .submit {
+  margin-top: 180px;
   background-color: var(--primary);
   color: var(--on-primary);
 }
+
+.mat-raised-button {
+  min-width: 120px;
+}
diff --git a/src/app/components/creator/content-yes-no-creator/content-yes-no-creator.component.html b/src/app/components/creator/content-yes-no-creator/content-yes-no-creator.component.html
index dd2647f88..cd1a53585 100644
--- a/src/app/components/creator/content-yes-no-creator/content-yes-no-creator.component.html
+++ b/src/app/components/creator/content-yes-no-creator/content-yes-no-creator.component.html
@@ -7,7 +7,7 @@
       {{ 'content.no' | translate }}
     </mat-radio-button>
   </mat-radio-group>
-  <div>
+  <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="25px">
     <button mat-raised-button type="submit" class="submit">{{ 'content.create' | translate }}</button>
   </div>
 </form>
diff --git a/src/app/components/creator/content-yes-no-creator/content-yes-no-creator.component.scss b/src/app/components/creator/content-yes-no-creator/content-yes-no-creator.component.scss
index 3eb278fae..0047e966a 100644
--- a/src/app/components/creator/content-yes-no-creator/content-yes-no-creator.component.scss
+++ b/src/app/components/creator/content-yes-no-creator/content-yes-no-creator.component.scss
@@ -5,4 +5,9 @@ form > button {
 .submit {
   background-color: var(--primary);
   color: var(--on-primary);
+  margin-top: 160px;
+}
+
+.mat-raised-button {
+  min-width: 120px;
 }
-- 
GitLab