I'm currently trying to design and create a "Material design" based card list. The list features individual items that can be expanded to show more information, such as a description and dynamic items.
Here is a snippet of my intended design:
So far I have gotten this to work and I like what it is doing, but I am curious if it is too much movement for the user? With MD , object movements help the user find interfaces tangible. Sometimes, there is too much movement and they don't reflect the intent of what's about to happen...
Does the preemptive margins on the element with a hover add too much movement within the list items, or is it portraying well enough what is about to happen when clicked?
Here is the CodePen linked to Proof of Concept: http://codepen.io/brycesnyder/full/yJWgjQ/