[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/section-attachment.hbs

@@ -1,5 +1,5 @@
 {{#if editMode}}
-	{{ui/ui-spacer size=200}}
+	<Ui::UiSpacer @size=200 />
 	{{ui/ui-button color=constants.Color.Gray label=uploadLabel id=uploadId}}
 {{/if}}
 
@@ -17,7 +17,7 @@
 								{{#attach-popover class="ember-attacher-popper" hideOn="escapekey, clickout" showOn="click" isShown=false}}
 									<div class="form">
 										<p>Are you sure you want to delete this file?</p>
-										{{ui/ui-spacer size=100}}
+										<Ui::UiSpacer @size=100 />
 										{{ui/ui-button
 											light=false
 											label=constants.Label.Delete
@@ -28,7 +28,7 @@
 							{{/ui/ui-toolbar-icon}}
 						{{/ui/ui-toolbar}}
 					</div>
-				{{/if}}				
+				{{/if}}
 			</li>
 		{{/if}}
 	{{/each}}