here is another solution!
<!--Make list items clickable-->
<script>
// JavaScript code to link list-item-media to the closest button
document.addEventListener("DOMContentLoaded", function() {
var listItems = document.querySelectorAll('.list-item');
listItems.forEach(function(listItem) {
var media = listItem.querySelector('.list-item-media');
var closestButton = listItem.querySelector('.list-item-content__button');
if (media && closestButton) {
media.addEventListener('click', function() {
closestButton.click(); // Trigger button click when list item media is clicked
});
}
});
});
</script>