Fix invalid margin when loader is not displayed

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 3e3728623ff689b8cb7e47c8ad6123b0b2cf5f6c..bf0fb39163cb3050d098bc7c1818332d8f9cdb4e 100644 (file)
--- 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 611fc20948e3f9270dc7b5f1b7290e56f86bec07..964590e29a89887127fc704b21bd54704209f658 100644 (file)
--- 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;