fix: avoid hover effect of add (item / effect) button being cut off

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);
+}

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";

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>