From f7d082f5e09e71ec0aa27e4773edc35c509fddc3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Mon, 4 Mar 2019 00:07:26 +0100
Subject: [PATCH] Fix title position in content-group list
---
.../content-groups/content-groups.component.html | 10 ++++++----
.../content-groups/content-groups.component.scss | 4 ++++
2 files changed, 10 insertions(+), 4 deletions(-)
diff --git a/src/app/components/shared/content-groups/content-groups.component.html b/src/app/components/shared/content-groups/content-groups.component.html
index 105b7bcaf..5e3f715c1 100644
--- a/src/app/components/shared/content-groups/content-groups.component.html
+++ b/src/app/components/shared/content-groups/content-groups.component.html
@@ -1,10 +1,12 @@
<mat-card *ngFor="let contentGroup of contentGroups" (click)="viewContents(contentGroup)">
<mat-card-header>
- <mat-card-title>
- <h4 *ngIf="!(contentGroup.name === 'Default')">{{contentGroup.name}}</h4>
- <h4 *ngIf="contentGroup.name === 'Default'">{{'room-page.default-content-group' | translate}}</h4>
+ <mat-card-title *ngIf="contentGroup.name === 'Default'">
+ {{'room-page.default-content-group' | translate}}
</mat-card-title>
- <mat-icon color="accent" matBadge="{{contentGroup.contentIds.length}}"
+ <mat-card-title *ngIf="!(contentGroup.name === 'Default')">
+ {{contentGroup.name}}
+ </mat-card-title>
+ <mat-icon color="accent" matBadge="{{contentGroup.contentIds.length}}"
matBadgePosition="after" matBadgeColor="accent"></mat-icon>
</mat-card-header>
</mat-card>
diff --git a/src/app/components/shared/content-groups/content-groups.component.scss b/src/app/components/shared/content-groups/content-groups.component.scss
index f88a6a0f3..746ec783c 100644
--- a/src/app/components/shared/content-groups/content-groups.component.scss
+++ b/src/app/components/shared/content-groups/content-groups.component.scss
@@ -23,3 +23,7 @@
mat-icon {
margin-top: 20px;
}
+
+mat-card-title {
+ margin-top: 18px;
+}
--
GitLab