From c1098e992fed6f5c637f94c41671ca16f4a82fb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Wed, 12 Jun 2019 09:56:24 +0200
Subject: [PATCH] Fix fab button style
---
.../shared/comment-list/comment-list.component.html | 4 ++--
.../shared/comment-list/comment-list.component.scss | 10 ++++++++--
2 files changed, 10 insertions(+), 4 deletions(-)
diff --git a/src/app/components/shared/comment-list/comment-list.component.html b/src/app/components/shared/comment-list/comment-list.component.html
index 5c10e805d..47ab42780 100644
--- a/src/app/components/shared/comment-list/comment-list.component.html
+++ b/src/app/components/shared/comment-list/comment-list.component.html
@@ -9,7 +9,7 @@
<mat-icon>close</mat-icon>
</button>
- <span class="fill-remaining-space"></span>
+ <!-- <span class="fill-remaining-space"></span> -->
<div class="button-bar" fxLayoutAlign="center center">
<div *ngIf="comments && comments.length > 0">
@@ -29,7 +29,7 @@
<mat-icon class="searchBarIcon">sort</mat-icon>
</button>
- <button mat-fab class="searchBarButton" *ngIf="!searchBox.value" (click)="openCreateDialog()"
+ <button mat-fab class="addButton" *ngIf="!searchBox.value" (click)="openCreateDialog()"
matTooltip="{{ 'comment-list.add-comment' | translate }}">
<mat-icon class="addCommentIcon">add</mat-icon>
</button>
diff --git a/src/app/components/shared/comment-list/comment-list.component.scss b/src/app/components/shared/comment-list/comment-list.component.scss
index c5730d7fa..c6278183b 100644
--- a/src/app/components/shared/comment-list/comment-list.component.scss
+++ b/src/app/components/shared/comment-list/comment-list.component.scss
@@ -35,11 +35,17 @@ input {
width: 45px !important;
height: 45px !important;
text-align: center;
- min-width: 50px;
- margin: 0 2% 0 0;
+ margin: 1% 2% 1% 1%;
color: var(--secondary);
}
+.addButton {
+ width: 40px;
+ height: 40px;
+ margin: 0 5% 0 0;
+ background-color: var(--secondary);
+}
+
.addCommentIcon {
transform: scale(1.5);
color: var(--primary-variant)
--
GitLab