From 3267d381f4fdd128b2f948670b2e2ba765145276 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Wed, 27 Jul 2022 10:39:59 +0200
Subject: Fix invalid margin when loader is not displayed

---
 client/src/app/shared/shared-main/buttons/button.component.html | 2 +-
 client/src/app/shared/shared-main/buttons/button.component.scss | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

(limited to 'client/src/app/shared/shared-main')

diff --git a/client/src/app/shared/shared-main/buttons/button.component.html b/client/src/app/shared/shared-main/buttons/button.component.html
index 3e3728623..bf0fb3916 100644
--- a/client/src/app/shared/shared-main/buttons/button.component.html
+++ b/client/src/app/shared/shared-main/buttons/button.component.html
@@ -7,7 +7,7 @@
 </a>
 
 <ng-template #content>
-  <my-loader size="sm" [loading]="loading"></my-loader>
+  <my-loader size="sm" [ngClass]="{ displayed: loading }" [loading]="loading"></my-loader>
   <my-global-icon *ngIf="icon && !loading" [iconName]="icon"></my-global-icon>
 
   <span *ngIf="label" class="button-label">{{ label }}</span>
diff --git a/client/src/app/shared/shared-main/buttons/button.component.scss b/client/src/app/shared/shared-main/buttons/button.component.scss
index 611fc2094..964590e29 100644
--- a/client/src/app/shared/shared-main/buttons/button.component.scss
+++ b/client/src/app/shared/shared-main/buttons/button.component.scss
@@ -29,7 +29,7 @@ span[class$=-button] {
 .action-button {
   width: 100%; // useful for ellipsis, allow to define a max-width on host component
 
-  my-loader {
+  my-loader.displayed {
     @include margin-right(3px);
 
     display: inline-flex;
-- 
cgit v1.2.3