IBX-10496: Adjustments for Taxonomy Suggestions

Author: GrabowskiM

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

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>