IBX-9978: Fixed media field checkboxes alignment (#1639)

Author: albozek

src/bundle/Resources/public/scss/fieldType/edit/_ezmedia.scss

@@ -18,6 +18,18 @@
             }
         }
 
+        &__input-wrapper {
+            &--checkbox-input {
+                display: flex;
+                align-items: flex-start;
+                gap: calculateRem(8px);
+
+                .ibexa-input--checkbox {
+                    margin-top: calculateRem(4px);
+                }
+            }
+        }
+
         &__spinner {
             display: none;
         }

src/bundle/Resources/views/themes/admin/ui/field_type/edit/binary_base_fields.html.twig

@@ -1,6 +1,6 @@
 {% block checkbox_row %}
     <div class="ibexa-field-edit-preview__info ibexa-field-edit-preview__info--{{ name }}">
-        <div class="ibexa-field-edit-preview__input-wrapper">
+        <div class="ibexa-field-edit-preview__input-wrapper ibexa-field-edit-preview__input-wrapper--checkbox-input">
             <input class="ibexa-input ibexa-input--checkbox" type="checkbox" {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %}>
             <span class="ibexa-data-source__label-text">{{ translation_domain is same as(false) ? label : label|trans({}, translation_domain) }}</span>
         </div>