fix ui-view movement in base.html

the last fix only fixed the sub-views of note - not the higher level
views like settings, about, note etc. this fixes the problem for
good.
add utiltiy pad and buffer css classes, change nav's container