From 121cb69b3a33ef4307a4ce5095e676b824d1b821 Mon Sep 17 00:00:00 2001
From: Robert Patrascu <162968581+RopRaptor@users.noreply.github.com>
Date: Tue, 16 Sep 2025 08:57:24 +0200
Subject: [PATCH 1/2] IBX-10406: Adjust UI components to use small button and
 dropdown styles, update font size for content type selector list. (#1715)

---
 .../universal-discovery/_content.type.selector.list.scss    | 1 +
 .../universal-discovery/components/filters/filters.js       | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_content.type.selector.list.scss b/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_content.type.selector.list.scss
index 569997d169..6f8f33cef6 100644
--- a/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_content.type.selector.list.scss
+++ b/src/bundle/Resources/public/scss/ui/modules/universal-discovery/_content.type.selector.list.scss
@@ -14,6 +14,7 @@
             width: 100%;
             text-overflow: ellipsis;
             overflow: hidden;
+            font-size: $ibexa-text-font-size-medium;
         }
 
         .ibexa-input--checkbox {
diff --git a/src/bundle/ui-dev/src/modules/universal-discovery/components/filters/filters.js b/src/bundle/ui-dev/src/modules/universal-discovery/components/filters/filters.js
index 70d433b95a..73cae5968c 100644
--- a/src/bundle/ui-dev/src/modules/universal-discovery/components/filters/filters.js
+++ b/src/bundle/ui-dev/src/modules/universal-discovery/components/filters/filters.js
@@ -110,7 +110,7 @@ const Filters = ({ search }) => {
 
         return (
             <button
-                className="ibexa-tag-view-select__btn-select-path btn ibexa-btn ibexa-btn--secondary"
+                className="ibexa-tag-view-select__btn-select-path btn ibexa-btn ibexa-btn--secondary ibexa-btn--small"
                 type="button"
                 onClick={() => setIsNestedUdwOpened(true)}
             >
@@ -158,7 +158,7 @@ const Filters = ({ search }) => {
                         onChange={updateSelectedLanguage}
                         value={selectedLanguage}
                         options={languageOptions}
-                        extraClasses="c-udw-dropdown"
+                        extraClasses="ibexa-dropdown--small c-udw-dropdown"
                     />
                 </FiltersRow>
                 <ContentTypeSelector />
@@ -169,7 +169,7 @@ const Filters = ({ search }) => {
                         onChange={updateSection}
                         value={selectedSection}
                         options={sectionOptions}
-                        extraClasses="c-udw-dropdown"
+                        extraClasses="ibexa-dropdown--small c-udw-dropdown"
                     />
                 </FiltersRow>
                 <FiltersRow title={subtreeLabel}>

From 0879a753099080d67a0d641ac4786492fbefc357 Mon Sep 17 00:00:00 2001
From: Robert Patrascu <162968581+RopRaptor@users.noreply.github.com>
Date: Tue, 16 Sep 2025 08:57:38 +0200
Subject: [PATCH 2/2] IBX-10473: Refactor custom URL form styles and templates
 to match the design and improve maintainability and consistency. (#1707)

---
 .../public/scss/_custom-url-form.scss         |  6 +++
 .../tab/url/modal_add_custom_url.html.twig    | 38 +++++++++++--------
 2 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/src/bundle/Resources/public/scss/_custom-url-form.scss b/src/bundle/Resources/public/scss/_custom-url-form.scss
index 2db9cd35fc..4c2ea947b7 100644
--- a/src/bundle/Resources/public/scss/_custom-url-form.scss
+++ b/src/bundle/Resources/public/scss/_custom-url-form.scss
@@ -17,6 +17,7 @@
     &__info-text {
         font-size: $ibexa-text-font-size-small;
         color: $ibexa-color-dark-400;
+        margin-top: calculateRem(6px);
 
         &--checked {
             display: none;
@@ -31,6 +32,11 @@
                 display: none;
             }
         }
+
+        .ibexa-icon {
+            fill: currentColor;
+            margin-top: calculateRem(-3px);
+        }
     }
 
     &__helper-text {
diff --git a/src/bundle/Resources/views/themes/admin/content/tab/url/modal_add_custom_url.html.twig b/src/bundle/Resources/views/themes/admin/content/tab/url/modal_add_custom_url.html.twig
index d86be0945c..6ed981fb64 100644
--- a/src/bundle/Resources/views/themes/admin/content/tab/url/modal_add_custom_url.html.twig
+++ b/src/bundle/Resources/views/themes/admin/content/tab/url/modal_add_custom_url.html.twig
@@ -13,6 +13,17 @@
         {{ form_start(form, {'action': path('ibexa.custom_url.add')}) }}
     {% endblock %}
     {% block body_content %}
+        {% macro info_text(message, modifier = '') %}
+            <div class="ibexa-custom-url-from__info-text{{ modifier ? ' ibexa-custom-url-from__info-text--' ~ modifier : '' }}">
+                <svg class="ibexa-icon ibexa-icon--small">
+                    <use xlink:href="{{ ibexa_icon_path('system-information') }}"></use>
+                </svg>
+                {{ message }}
+            </div>
+        {% endmacro %}
+
+        {% import _self as component %}
+
         <div class="ibexa-custom-url-from">
             <div class="ibexa-custom-url-from__item">
                 <label class="ibexa-label required">{{ 'tab.urls.add.path'|trans|desc('URL') }}</label>
@@ -25,29 +36,26 @@
             <div class="ibexa-custom-url-from__item">
                 <label class="ibexa-label">{{ 'tab.urls.add.redirect'|trans|desc('Redirect to alias destination') }}</label>
                 {{ form_widget(form.redirect) }}
-                <div class="ibexa-custom-url-from__info-text ibexa-custom-url-from__info-text--checked">{{ 'tab.urls.add.redirect.helper.checked'|trans|desc('The alias will redirect to the destination using an HTTP 301 response.') }}</div>
-                <div class="ibexa-custom-url-from__info-text ibexa-custom-url-from__info-text--unchecked">{{ 'tab.urls.add.redirect.helper.unchecked'|trans|desc('The alias will not redirect to the destination and the URL will stay the same.') }}</div>
+                {{ component.info_text('tab.urls.add.redirect.helper.checked'|trans|desc('The alias will redirect to the destination using an HTTP 301 response.'), 'checked') }}
+                {{ component.info_text('tab.urls.add.redirect.helper.unchecked'|trans|desc('The alias will not redirect to the destination and the URL will stay the same.'), 'unchecked') }}
             </div>
             <div class="ibexa-custom-url-from__item">
                 <label class="ibexa-label">{{ 'tab.urls.add.site_root'|trans|desc('Place at the site root') }}</label>
                 {{ form_widget(form.site_root) }}
-                <div class="ibexa-custom-url-from__info-text ibexa-custom-url-from__info-text--checked">{{ 'tab.urls.add.site_root.helper.checked'|trans|desc('The alias will be placed at the site root.') }}</div>
-                <div class="ibexa-custom-url-from__info-text ibexa-custom-url-from__info-text--unchecked">
-                    {% if parent_name is not null %}
-                        {{ 'tab.urls.add.site_root.helper.unchecked'|trans({'%parent_name%': parent_name})|desc('The alias will be placed under %parent_name%') }}
-                    {% else %}
-                        {{ 'tab.urls.add.site_root.helper.no_parent_name'|trans|desc('The alias will be placed under the parent of this Location') }}
-                    {% endif %}
-                </div>
+                {{ component.info_text('tab.urls.add.site_root.helper.checked'|trans|desc('The alias will be placed at the site root.'), 'checked') }}
+                {{ component.info_text(
+                    parent_name is not null
+                    ? 'tab.urls.add.site_root.helper.unchecked'|trans({'%parent_name%': parent_name})|desc('The alias will be placed under %parent_name%')
+                    : 'tab.urls.add.site_root.helper.no_parent_name'|trans|desc('The alias will be placed under the parent of this Location'),
+                    'unchecked'
+                ) }}
             </div>
             <div class="ibexa-custom-url-from__item ibexa-custom-url-from__item--siteacces">
                 <label class="ibexa-label">{{ 'tab.urls.add.site_access'|trans|desc('SiteAccess') }}</label>
                 {{ form_widget(form.site_access) }}
-                <div class="ibexa-custom-url-from__info-text">
-                    {{ 'tab.urls.add.root_location_id.helper_secondary'|trans|desc(
-                        "If no SiteAccess selected, the alias will be placed at main root Location."
-                    ) }}
-                </div>
+                {{ component.info_text('tab.urls.add.root_location_id.helper_secondary'|trans|desc(
+                    "If no SiteAccess selected, the alias will be placed at main root Location."
+                )) }}
             </div>
         </div>
     {% endblock %}