Trying to figure out how best to round off the edges on the first and last item in a List component to give the list a slightly rounded look. I know I need to set the border-top-left-radius (and right) values for the first item and the bottom-radius values for the last item in the list, but not exactly sure where to do this (or how).
It seems that these radius values have to change on the outer "x-list" div as well as the first and last "x-list-item" to achieve this look. Is this true? Is there a better way to do this?