minified navbar on landscape phones

under landscape view, navbar is minified and placed at the top right
corner. when uncollapsed, it will be back to the default style, and
minified again when collapsed.