[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/section/plantuml/type-editor.hbs

@@ -9,7 +9,7 @@
 	<div class="section-plantuml-diagram">
 		<div class="form-group">
 			<label><a href="http://plantuml.com/" target="_blank">PlantUML Diagram</a></label>
-			{{ui/ui-spacer size=200}}
+			<Ui::UiSpacer @size=200 />
 			<div>
 				<p>Insert sample diagrams:</p>
 				<p>
@@ -26,16 +26,16 @@
 		</div>
 	</div>
 
-	{{ui/ui-spacer size=200}}
+	<Ui::UiSpacer @size=200 />
 
 	{{ui/ui-button color=constants.Color.Yellow light=true label=previewButtonCaption onClick=(action "onPreview")}}
 
-	{{ui/ui-spacer size=200}}
+	<Ui::UiSpacer @size=200 />
 
 	<div id={{previewId}} class="text-center">
 		<img src={{diagramPreview}}>
 	</div>
 
-	{{ui/ui-spacer size=200}}
+	<Ui::UiSpacer @size=200 />
 
 {{/section/base-editor}}