From 76a0e9f6e58540fa3ca86aaa0533818fbdfb8c35 Mon Sep 17 00:00:00 2001
From: Johannes Loher <johannes.loher@fg4f.de>
Date: Sun, 13 Feb 2022 00:12:42 +0100
Subject: [PATCH] fix: avoid hover effect of add (item / effect) button being
 cut off

---
 scss/components/shared/_add_button.scss           | 9 +++++++++
 scss/ds4.scss                                     | 1 +
 templates/sheets/shared/components/add-button.hbs | 2 +-
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 scss/components/shared/_add_button.scss

diff --git a/scss/components/shared/_add_button.scss b/scss/components/shared/_add_button.scss
new file mode 100644
index 00000000..dc72904b
--- /dev/null
+++ b/scss/components/shared/_add_button.scss
@@ -0,0 +1,9 @@
+/*
+ * SPDX-FileCopyrightText: 2021 Johannes Loher
+ *
+ * SPDX-License-Identifier: MIT
+ */
+
+.ds4-add-button {
+    padding: 0 calc(1em / 3);
+}
diff --git a/scss/ds4.scss b/scss/ds4.scss
index 24a1b8a5..acedd839 100644
--- a/scss/ds4.scss
+++ b/scss/ds4.scss
@@ -11,6 +11,7 @@
 @use "global/fonts";
 
 // shared
+@use "components/shared/add_button";
 @use "components/shared/control_button_group";
 @use "components/shared/editor";
 @use "components/shared/embedded_document_list";
diff --git a/templates/sheets/shared/components/add-button.hbs b/templates/sheets/shared/components/add-button.hbs
index 1fc86419..8d4dd3d7 100644
--- a/templates/sheets/shared/components/add-button.hbs
+++ b/templates/sheets/shared/components/add-button.hbs
@@ -11,7 +11,7 @@ SPDX-License-Identifier: MIT
 !-- @param title: The title to use for the link element (will be localized)
 !-- @param type: An optional property to use as data-type attribute
 }}
-<div>
+<div class="ds4-add-button">
     <a class="control-{{documentType}}" title="{{localize title}}" data-action="create" {{#if type}}data-type="{{type}}"
         {{/if}}>
         <i class="fas fa-plus"></i>