From b85d2188e450ba9b36a21692ab39eb2a42ffcde7 Mon Sep 17 00:00:00 2001
From: DominikIwanek <dominik.iwanek@hyland.com>
Date: Thu, 1 Aug 2024 13:11:01 +0200
Subject: [PATCH] [ACS-8498] [ACA] Testing Angular 15 - Toolbar buttons layout
 is broken

---
 .../lib/viewer/components/viewer.component.scss | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/lib/core/src/lib/viewer/components/viewer.component.scss b/lib/core/src/lib/viewer/components/viewer.component.scss
index 98dbecf75b..83357baf4f 100644
--- a/lib/core/src/lib/viewer/components/viewer.component.scss
+++ b/lib/core/src/lib/viewer/components/viewer.component.scss
@@ -44,7 +44,7 @@
         left: 50%;
         transform: translateX(-50%);
 
-        @media screen and (max-width: 1450px) {
+        @media screen and (width <= 1450px) {
             left: 30%;
         }
     }
@@ -70,8 +70,7 @@
             @extend .adf-full-screen;
 
             position: relative;
-            overflow-y: hidden;
-            overflow-x: hidden;
+            overflow: hidden;
             z-index: 1;
             background-color: var(--theme-background-color);
             display: flex;
@@ -94,7 +93,6 @@
 
             display: flex;
             flex-direction: row;
-            overflow-y: auto;
             overflow-x: hidden;
             position: relative;
         }
@@ -154,4 +152,15 @@
             display: flex;
         }
     }
+
+    &-toolbar-actions,
+    .adf-viewer-close-button {
+        #{$mat-icon} {
+            margin-top: -10px;
+        }
+
+        #{$mat-toolbar} {
+            height: 100%;
+        }
+    }
 }