apply suggestions

Author: Zedwag

e2e/testcafe-devextreme/tests/editors/tagBox/common.ts

@@ -130,7 +130,9 @@ safeSizeTest('TagBox with selection controls', async (t) => {
 
   await t.click(tagBox.element);
 
-  await testScreenshot(t, takeScreenshot, 'TagBox with selection controls.png');
+  await testScreenshot(t, takeScreenshot, 'TagBox with selection controls.png', {
+    shouldTestInCompact: true,
+  });
 
   await t
     .expect(compareResults.isValid())

packages/devextreme-scss/scss/widgets/fluent/list/_sizes.scss

@@ -4,7 +4,7 @@
 
 $fluent-list-vertical-padding: 4px !default;
 $fluent-list-horizontal-padding: 4px !default;
-$fluent-list-item-checkbox-horizontal-margin: 8px !default;
+$fluent-list-item-checkbox-horizontal-margin: null !default;
 $fluent-list-bottom-padding: 4px !default;
 $fluent-list-searchbox-margin-bottom: 4px !default;
 $fluent-list-item-height: null !default;
@@ -15,6 +15,7 @@ $fluent-list-group-header-vertical-padding: null !default;
 $fluent-list-next-button-horizontal-padding: null !default;
 
 @if $size == "default" {
+  $fluent-list-item-checkbox-horizontal-margin: 8px !default;
   $fluent-list-item-height: 32px !default;
   $fluent-list-item-vertical-padding: 6px !default;
   $fluent-list-item-horizontal-padding: 12px !default;
@@ -23,6 +24,7 @@ $fluent-list-next-button-horizontal-padding: null !default;
 }
 
 @else if $size == "compact" {
+  $fluent-list-item-checkbox-horizontal-margin: 4px !default;
   $fluent-list-item-height: 24px !default;
   $fluent-list-item-vertical-padding: 4px !default;
   $fluent-list-item-horizontal-padding: 8px !default;