List Item alignment / layout


#1

Hi, I’m trying to put together a quick prototype leveraging ionic framework.
I’d like to replicate a similar IOS stock app layout. I’m not a angularjs/css expert.

i.e. ->

Can someone address me in the right direction ? If it’s possible I’d like to use out of the box ionic CSS/components
I put together a quick codepen:

http://codepen.io/powermkee/pen/Bbxau

[link][1]

I’d like to know how I should align the numbers (KW) with the right icon.
How I can center the text inside the right icons (I used a button element. is there a better alternative?)

Thanks


#2

For centering everything, just adjust the top value.
For getting the KW value to align next to the button, just wrap the value and the button in a div with a class of buttons.


#3

Thank You !! !! it works great.