fix: toolbar icons paddings are smaller (#1878)

dasch-swiss · Nov 6, 2024 · 883f6eb · 883f6eb
1 parent a232efc
commit 883f6eb
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/libs/vre/shared/app-representations/src/lib/still-image/still-image-toolbar.component.html b/libs/vre/shared/app-representations/src/lib/still-image/still-image-toolbar.component.html
@@ -1,4 +1,4 @@
-<div style="display: flex; justify-content: space-between">
+<div class="toolbar">
   <span>
     <button
       mat-icon-button

diff --git a/libs/vre/shared/app-representations/src/lib/still-image/still-image-toolbar.component.ts b/libs/vre/shared/app-representations/src/lib/still-image/still-image-toolbar.component.ts
@@ -32,6 +32,19 @@ import { OpenSeaDragonService } from './open-sea-dragon.service';
 @Component({
   selector: 'app-still-image-toolbar',
   templateUrl: './still-image-toolbar.component.html',
+  styles: [
+    `
+      button {
+        width: 32px !important;
+      }
+
+      .toolbar {
+        display: flex;
+        justify-content: space-between;
+        padding-right: 16px;
+      }
+    `,
+  ],
 })
 export class StillImageToolbarComponent {
   @Input({ required: true }) resource!: ReadResource;