From 6e99dd663ad0a370a0fdb7aca62cc42d37bdfdcb Mon Sep 17 00:00:00 2001
From: Jatin Chugh <105338943+jatin2008@users.noreply.github.com>
Date: Mon, 13 Feb 2023 16:07:18 +0530
Subject: [PATCH] [ACS-4322] content overlap issue fixed at 400% zoom and close
 button which was earlier not visible at 400% zoom is visible now. (#8201)

* content overlap issue fixed at 400% zoom and close button which was earlier not visible at 400% zoom fixed

* adjusting the contents at 400% zoom by reducing the padding of mat-dialog-container

* linting change of zero-no-unit
---
 .../content-node-share.dialog.scss                | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss b/lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss
index 1c60fe1772..0438fa9ba5 100644
--- a/lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss
+++ b/lib/content-services/src/lib/content-node-share/content-node-share.dialog.scss
@@ -66,4 +66,19 @@
     .mat-form-field-flex {
         align-items: center;
     }
+
+    @media screen and (max-width: 380px) {
+        .mat-dialog-container {
+            padding: 0 15px;
+        }
+
+        .mat-dialog-actions {
+            margin-bottom: 0;
+            padding: 2px 0;
+        }
+
+        .mat-form-field-suffix {
+            padding-left: 8px;
+        }
+    }
 }