IBX-10416: Wrong styling in sub-items edit translation selector

Author: OstafinL

src/bundle/Resources/public/scss/ui/modules/sub-items-list/_language.selector.scss

@@ -3,11 +3,31 @@
         &__items {
             margin-top: calculateRem(5px);
             max-height: calc(100vh - #{calculateRem(220px)});
-            overflow: auto;
+        }
 
+        &__item {
             .form-check-label {
-                font-size: $ibexa-text-font-size;
-                line-height: calculateRem(50px);
+                background: $ibexa-color-white;
+                display: flex;
+                width: 100%;
+                padding: calculateRem(13px) calculateRem(10px);
+                margin-bottom: calculateRem(12px);
+                border: calculateRem(1px) solid $ibexa-color-light;
+                border-radius: $ibexa-border-radius;
+                box-shadow: calculateRem(4px) calculateRem(2px) calculateRem(17px) 0 rgba($ibexa-color-info, 0.05);
+                transition: all $ibexa-admin-transition-duration $ibexa-admin-transition;
+                cursor: pointer;
+                line-height: calculateRem(24px);
+
+                &:hover {
+                    border-color: $ibexa-color-dark;
+                    transform: scale(1.02) translateX(-10px);
+                    box-shadow: calculateRem(4px) calculateRem(10px) calculateRem(17px) 0 rgba($ibexa-color-info, 0.2);
+                }
+            }
+
+            .form-check-input {
+                display: none;
             }
         }
     }