Height on stuff


#1

Im having trouble editing height on both list items and the headerbar (im on latest nightly).

First listitems, they look good and works fine when running in my browser. But when running on an real (ipad) device some items at the bottom of the list is below the bottom of the list - I can only see them if I overscroll. Ive edited the height like this (the .catitem class adds 15px padding at top and bottom, Ive also tried using line-height: 2.5em with same result). EDIT: hmmm, seems like this only happens on nightly, even when I leave the items as defualt.

<div class="list">
      <a class="item catitem" ng-repeat="category in categories" href="#/app/category/{{ $index }}">
        {{category.name}}
      </a>
</div>

Ive also tried to edit the height of the header like this. It works in the browser but not on a real device (ipad), it looks like this:

.bar, .platform-ios7.platform-cordova:not(.fullscreen) .bar-header, .platform-ios7.platform-cordova:not(.fullscreen) .has-header, .platform-ios7.platform-cordova:not(.fullscreen) .bar-subheader {
	height: 70px;
}
.has-headerĀ {
	top: 70px;
}
.bar .title {
	line-height: 70px;
}

.bar .button {
	padding: 8px;
	min-height: 62px; // 70-8
}

Is there any recommended way to change the height of the listitems and the header? (this thread has changed it subject :frowning: Adjust Header Height )