Jquery Mobile listview gap at bottom of each list item

Question

I want to get rid of the gap at the bottom of the list view.

here is my css

.myParagraph.ui-li-desc {
      color:#333;
      overflow:show;
      white-space:normal;
      height:28px;
      margin-bottom:0px;
    } 

here is my markup:

listitems_markup = '<li><img src="' + itemThumbnail + '""><div class="myParagraph"><p>You viewed ' + itemName + '</p><p>You spent '+itemTimeSpent+' on this activity</p><p>You '+itemRating+' this item</p></div><p class="ui-li-aside">'+itemViewedTime+'</p></li>';

how will I get rid of that gap?

Answer 1

try this

      listitems_markup = '<li class="nomarigin"><img src="' + itemThumbnail + '"">
<div class="myParagraph"><p>You viewed ' + itemName + '</p><p>You spent '+itemTimeSpent+' on this activity</p><p>You '+itemRating+' this item</p></div><p class="ui-li-aside">'+itemViewedTime+'</p></li>';

in css

.nomarigin {margin-bottom:0 !important;}