[MD] Image Item spacing

[andhie]

The spacing of the text between image and text in list item. they seems a little far, may be confusing due to the text might related to the top or the bottom image without reading the text.

suggestion 1: put the text on the image to inline it. text may need to be shorter to fit nicer

suggestion 2: have more space between the text and the next item (32dp), doing this will probably have to write a SpaceItemDecorator that applies top margin on 2nd item onwards https://material.io/design/components/image-lists.html#anatomy

Foreseeable problems: Suggestion 2 would be more suitable but needs code to do it. reason primarily is because of Plant list is clickable and should have a touch feedback (it doesnt now). need to consider what areas to have ripple or maybe change design

Issue spawned from #47