From 82ff46ea1c15359f43c32d504c4a6f966fa1f293 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Sun, 24 Feb 2019 14:19:56 +0100
Subject: [PATCH] Resize content-groups in room view
---
.../shared/content-groups/content-groups.component.html | 6 +++---
.../shared/content-groups/content-groups.component.scss | 4 +++-
2 files changed, 6 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 76764e7da..fbf902a32 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,10 @@
<mat-card *ngFor="let contentGroup of contentGroups" (click)="viewContents(contentGroup)">
<mat-card-header>
<mat-card-title>
- <h4 *ngIf="!(contentGroup.name == 'Default')">{{contentGroup.name}}<mat-icon color="accent"
- matBadge="{{contentGroup.contentIds.length}}" matBadgePosition="after" matBadgeColor="accent"></mat-icon></h4>
- <h4 *ngIf="contentGroup.name == 'Default'">{{'room-page.default-content-group' | translate}}<mat-icon color="accent"
+ <h4 *ngIf="!(contentGroup.name === 'Default')">{{contentGroup.name}}<mat-icon color="accent"
matBadge="{{contentGroup.contentIds.length}}" matBadgePosition="after" matBadgeColor="accent"></mat-icon></h4>
+ <h4 *ngIf="contentGroup.name === 'Default'">{{'room-page.default-content-group' | translate}}<mat-icon color="accent"
+ matBadge="{{contentGroup.contentIds.length}}" matBadgePosition="end" matBadgeColor="accent"></mat-icon></h4>
</mat-card-title>
</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 892932db7..cdbb961a4 100644
--- a/src/app/components/shared/content-groups/content-groups.component.scss
+++ b/src/app/components/shared/content-groups/content-groups.component.scss
@@ -8,7 +8,9 @@
top: 0;
text-align: center;
transition: all 0.25s;
- margin-top: 1.5%;
+ margin-top: 10px;
+ max-height: 80px;
+ padding: 5px;
&:hover {
cursor: pointer;
--
GitLab