From 55450435da6587b5b59ffa06147b7dbc868724fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Grabowski?= <michal.grabowski@ibexa.co>
Date: Fri, 28 Apr 2023 15:50:32 +0200
Subject: [PATCH] IBX-5455: Checkboxes are not aligned with other data in
 Languages & Currencies tabs

---
 src/bundle/Resources/public/scss/_inputs.scss    |  6 ++++++
 src/bundle/Resources/public/scss/_tables.scss    |  1 -
 .../views/themes/admin/language/index.html.twig  | 16 +++++++++-------
 .../views/themes/admin/language/list.html.twig   | 16 +++++++++-------
 4 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/src/bundle/Resources/public/scss/_inputs.scss b/src/bundle/Resources/public/scss/_inputs.scss
index f26f1af1a8..1a72852dd7 100644
--- a/src/bundle/Resources/public/scss/_inputs.scss
+++ b/src/bundle/Resources/public/scss/_inputs.scss
@@ -113,6 +113,12 @@
         position: relative;
         display: inline-block;
         cursor: pointer;
+
+        &:disabled {
+            &.form-check-input {
+                opacity: 1;
+            }
+        }
     }
 
     &--checkbox {
diff --git a/src/bundle/Resources/public/scss/_tables.scss b/src/bundle/Resources/public/scss/_tables.scss
index 30b65c5e24..921d8af07e 100644
--- a/src/bundle/Resources/public/scss/_tables.scss
+++ b/src/bundle/Resources/public/scss/_tables.scss
@@ -37,7 +37,6 @@
         height: calculateRem(68px);
 
         .form-check {
-            display: flex;
             margin-bottom: 0;
             min-height: calculateRem(16px);
             margin-top: 0;
diff --git a/src/bundle/Resources/views/themes/admin/language/index.html.twig b/src/bundle/Resources/views/themes/admin/language/index.html.twig
index 1d8bf87b19..2cc5a87fb4 100644
--- a/src/bundle/Resources/views/themes/admin/language/index.html.twig
+++ b/src/bundle/Resources/views/themes/admin/language/index.html.twig
@@ -59,13 +59,15 @@
 
 {% block content %}
     {% set enable_checkbox_raw %}
-        <input
-            type="checkbox"
-            title="{{ language.enabled ? 'language.enabled'|trans|desc('Enabled') : 'language.disabled'|trans|desc('Disabled') }}"
-            class="ibexa-input ibexa-input--checkbox"
-            disabled
-            {% if language.enabled %}checked{% endif %}
-        >
+        <div class="form-check">
+            <input
+                type="checkbox"
+                title="{{ language.enabled ? 'language.enabled'|trans|desc('Enabled') : 'language.disabled'|trans|desc('Disabled') }}"
+                class="ibexa-input ibexa-input--checkbox form-check-input"
+                disabled
+                {% if language.enabled %}checked{% endif %}
+            >
+        </div>
     {% endset %}
     {% set language_items = [
         {
diff --git a/src/bundle/Resources/views/themes/admin/language/list.html.twig b/src/bundle/Resources/views/themes/admin/language/list.html.twig
index 1bf6d1ea28..3a812d79ff 100644
--- a/src/bundle/Resources/views/themes/admin/language/list.html.twig
+++ b/src/bundle/Resources/views/themes/admin/language/list.html.twig
@@ -79,13 +79,15 @@
             ]) %}
 
             {% set col_raw %}
-                <input
-                    type="checkbox"
-                    title="{{ language.enabled ? 'language.enabled'|trans|desc('Enabled')  : 'language.disabled'|trans|desc('Disabled')  }}"
-                    class="ibexa-input ibexa-input--checkbox"
-                    disabled
-                    {% if language.enabled %}checked{% endif %}
-                >
+                <div class="form-check">
+                    <input
+                        type="checkbox"
+                        title="{{ language.enabled ? 'language.enabled'|trans|desc('Enabled')  : 'language.disabled'|trans|desc('Disabled')  }}"
+                        class="ibexa-input ibexa-input--checkbox form-check-input"
+                        disabled
+                        {% if language.enabled %}checked{% endif %}
+                    >
+                </div>
             {% endset %}
             {% set body_row_cols = body_row_cols|merge([{
                 content: col_raw,