fix(list-item): align elements to the left of the item's content (#11977)

aPreciado88 · benelan · commit 8a557d920c8b · 2025-05-14T10:47:20.000-07:00
**Related Issue:** [#11031](#11031) ## Summary Add bottom spacing to fix misalignment of elements to the left of the item's content.
diff --git a/packages/calcite-components/src/components/list-item/list-item.scss b/packages/calcite-components/src/components/list-item/list-item.scss
@@ -399,6 +399,12 @@
   }
 }
 
+.drag-container,
+.selection-container,
+.expanded-container {
+  padding-block-end: var(--calcite-spacing-px);
+}
+
 .expanded-container,
 .selection-container {
   @apply cursor-pointer;

Original file line number	Diff line number	Diff line change
`@@ -399,6 +399,12 @@`
`399`	`399`	`}`
`400`	`400`	`}`
`401`	`401`
	`402`	`+.drag-container,`
	`403`	`+.selection-container,`
	`404`	`+.expanded-container {`
	`405`	`+ padding-block-end: var(--calcite-spacing-px);`
	`406`	`+}`
	`407`	`+`
`402`	`408`	`.expanded-container,`
`403`	`409`	`.selection-container {`
`404`	`410`	`@apply cursor-pointer;`