From 936a51a9e22a7a58f7686b62648ec719ec6fe97d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Grabowski?= <michal.grabowski@ibexa.co>
Date: Wed, 13 Aug 2025 11:53:18 +0200
Subject: [PATCH] IBX-10496: Adjustments for Taxonomy Suggestions

---
 .../public/scss/_tag-view-select.scss         |  7 +++-
 .../tag_view_select/tag_view_select.html.twig | 38 ++++++++++---------
 2 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/src/bundle/Resources/public/scss/_tag-view-select.scss b/src/bundle/Resources/public/scss/_tag-view-select.scss
index 6d46281858..bcbdc8356c 100644
--- a/src/bundle/Resources/public/scss/_tag-view-select.scss
+++ b/src/bundle/Resources/public/scss/_tag-view-select.scss
@@ -107,10 +107,15 @@
         display: flex;
     }
 
-    &__btn-select-path {
+    &__actions {
         margin-top: calculateRem(24px);
     }
 
+    &__separator {
+        display: inline-block;
+        padding: 0 calculateRem(16px);
+    }
+
     &:disabled,
     &[disabled] {
         @include colorful-tags($ibexa-color-dark-400, $ibexa-color-light-300);
diff --git a/src/bundle/Resources/views/themes/admin/ui/component/tag_view_select/tag_view_select.html.twig b/src/bundle/Resources/views/themes/admin/ui/component/tag_view_select/tag_view_select.html.twig
index de5ce87fe5..f29e37f9b9 100644
--- a/src/bundle/Resources/views/themes/admin/ui/component/tag_view_select/tag_view_select.html.twig
+++ b/src/bundle/Resources/views/themes/admin/ui/component/tag_view_select/tag_view_select.html.twig
@@ -54,21 +54,25 @@
             attr: { hidden: true }
         }) }}
     {% endif %}
-    <button
-        type="button"
-        {{ html.attributes(attr|default({})) }}
-    >
-        <span
-            class="ibexa-btn__label ibexa-tag-view-select__btn-label ibexa-tag-view-select__btn-label--select"
-            {% if is_single_select and has_value %}hidden{% endif %}
-        >
-            {{ 'tag_view_select.select'|trans({ '%type%': type })|desc('Select %type%') }}
-        </span>
-        <span
-            class="ibexa-btn__label ibexa-tag-view-select__btn-label ibexa-tag-view-select__btn-label--change"
-            {% if (is_single_select and not has_value) or not is_single_select %}hidden{% endif %}
-        >
-            {{ 'tag_view_select.change'|trans({ '%type%': type })|desc('Change %type%') }}
-        </span>
-    </button>
+    <div class="ibexa-tag-view-select__actions">
+        {% block actions %}
+            <button
+                type="button"
+                {{ html.attributes(attr|default({})) }}
+            >
+                <span
+                    class="ibexa-btn__label ibexa-tag-view-select__btn-label ibexa-tag-view-select__btn-label--select"
+                    {% if is_single_select and has_value %}hidden{% endif %}
+                >
+                    {{ 'tag_view_select.select'|trans({ '%type%': type })|desc('Select %type%') }}
+                </span>
+                <span
+                    class="ibexa-btn__label ibexa-tag-view-select__btn-label ibexa-tag-view-select__btn-label--change"
+                    {% if (is_single_select and not has_value) or not is_single_select %}hidden{% endif %}
+                >
+                    {{ 'tag_view_select.change'|trans({ '%type%': type })|desc('Change %type%') }}
+                </span>
+            </button>
+        {% endblock actions %}
+    </div>
 </div>