[WIP] Improve master layout for different devices + product growth

We have two pressing needs:

1. Improve experience on real estate challenged devices.
2. Make room for product feature-set growth.

To hit these targets, we need to develop better UX through smarter on-screen space management.

gui/app/templates/components/document/view-content.hbs

@@ -1,6 +1,6 @@
 {{#if hasPages}}
 	{{#each pages key="id" as |item|}}
-		{{ui/ui-spacer size=100}}
+		<Ui::UiSpacer @size=100 />
 		{{document/document-page
 			roles=roles
 			pages=pages
@@ -21,7 +21,7 @@
 			onMovePage=(action "onMovePage")
 			onDeletePage=(action "onDeletePage")
 			onSavePageAsBlock=(action "onSavePageAsBlock")
-			onPageLevelChange=(action onPageLevelChange)			
+			onPageLevelChange=(action onPageLevelChange)
 			onPageSequenceChange=(action onPageSequenceChange)
 			onShowSectionWizard=(action "onShowSectionWizard")}}
 	{{/each}}
@@ -41,7 +41,7 @@
 			<div class="thanks">Thanks for the feedback!</div>
 		{{else}}
 			<div class="prompt">{{folder.likes}}</div>
-			{{ui/ui-spacer size=200}}
+			<Ui::UiSpacer @size=200 />
 			<div class="buttons">
 				{{ui/ui-button color=constants.Color.Yellow light=true label="Yes, thanks!" onClick=(action "onVote" 1)}}
 				{{ui/ui-button-gap}}
@@ -64,4 +64,4 @@
 		show=showInsertSectionModal
 		beforePage=newSectionLocation
 		onInsertSection=(action onInsertSection)}}
-{{/if}}
+{{/if}}