fix(watt): alignment of drawer action items

Energinet-DataHub · Sep 26, 2024 · 1135609 · 1135609
1 parent 66194cc
commit 1135609
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 26 deletions.
diff --git a/libs/watt/src/lib/components/drawer/watt-drawer-actions.component.scss b/libs/watt/src/lib/components/drawer/watt-drawer-actions.component.scss
diff --git a/libs/watt/src/lib/components/drawer/watt-drawer-actions.component.ts b/libs/watt/src/lib/components/drawer/watt-drawer-actions.component.ts
@@ -18,8 +18,18 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'watt-drawer-actions',
-  template: `<ng-content select="watt-button" />`,
-  styleUrls: ['./watt-drawer-actions.component.scss'],
   standalone: true,
+  styles: `
+    :host {
+      flex-shrink: 0;
+      display: flex;
+      justify-content: flex-end;
+      align-items: flex-start;
+      gap: var(--watt-space-m);
+      margin-left: auto;
+      margin-right: var(--watt-space-ml);
+    }
+  `,
+  template: `<ng-content select="watt-button" />`,
 })
 export class WattDrawerActionsComponent {}