From 5d084bc3f415c868a5c95aeae8152f797769518b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6?= <skjnldsv@protonmail.com>
Date: Thu, 18 Aug 2022 19:32:38 +0200
Subject: [PATCH] Fix margin for inline actions
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
---
 src/components/NcModal/NcModal.vue | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/NcModal/NcModal.vue b/src/components/NcModal/NcModal.vue
index 72703595d2..22783295cc 100644
--- a/src/components/NcModal/NcModal.vue
+++ b/src/components/NcModal/NcModal.vue
@@ -805,17 +805,20 @@ export default {
 		}
 
 		.header-actions {
-			margin: math.div($header-height - $clickable-area, 2);
 			color: white;
 		}
 
-		.action-item--single {
-			box-sizing: border-box;
-			width: $clickable-area;
-			height: $clickable-area;
-			cursor: pointer;
-			background-position: center;
-			background-size: 22px;
+		&:deep() .action-item {
+			margin: math.div($header-height - $clickable-area, 2);
+
+			&--single {
+				box-sizing: border-box;
+				width: $clickable-area;
+				height: $clickable-area;
+				cursor: pointer;
+				background-position: center;
+				background-size: 22px;
+			}
 		}
 
 		:deep(button) {