css3 - list elements padding in iOS sencha touch -


i having problem displaying list elements in iphone enter image description here here in image 'black' overlapped itemdisclosure icon. tried style using text-align: "right" didn't find difference. appreciated

here list code

itemtpl : [     '<p style="font-family:arial;color:black;font-size:20px;">{description}</p>',     '<div style="font-size: 0.75em; color: darkgray">sku:{code}</div>' ].join(''), 

you should not having problem because sencha adjust itemdisclosure icon based on text.

anyway, give width p tag

css

.description{  font-family:arial;  color:black;  font-size:20px;   width:90%; // reduce wish }  .code {  font-size: 0.75em;   color: darkgray; } 

list code

itemtpl : [     '<p class="code ">{description}</p>',     '<div class="description">sku:{code}</div>' ].join(''), 

well, still want inline style

 itemtpl : [     '<p style="font-family:arial;color:black;font-size:20px; width:90%;">{description}</p>',     '<div style="font-size: 0.75em; color: darkgray">sku:{code}</div>'  ].join(''), 

Comments

Popular posts from this blog

Detect support for Shoutcast ICY MP3 without navigator.userAgent in Firefox? -

web - SVG not rendering properly in Firefox -

java - JavaFX 2 slider labelFormatter not being used -