Material – List item with main and secondary expand action
I am having some trouble deciding on where to place two actions in one list item.
This is how the list item looks like.
So this design is V2, and in previous version the item only had one function in which case a click anywhere would bring you to a second page.
In this version there is also an arrow on the right side which causes the item to expand and reveal quick-access items which has a horizontal scroll to see all the items. Usually there are only three and most will fit on the screen, sometimes you would have to scroll a little bit.
I've kept the item click action where it bring you to the next page, but if you click on the arrow specifically the item will expand.
I've gotten some feedback where it seems confusing, and people expect the item to expand if you click anywhere on the item.
What's a good way to separate these two actions? The quick access items in the expanded area are also available in the next page, but it could be useful to access those items faster since they are on the bottom of the next page.
I considered moving the page click to be an additional item in the expanded area.