[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/search/search-results.hbs

@@ -8,11 +8,11 @@
 				uppercase=false
 				color=constants.Color.Gray
 				label=constants.Label.Sort}}
-				
+
 				{{#attach-popover class="ember-attacher-popper" hideOn="click" showOn="click" isShown=false placement="bottom-end" as |attacher|}}
 					<i class="dicon {{constants.Icon.Cross}} closer" {{action attacher.hide}}/>
 					<div class="container">
-						{{ui/ui-spacer size=100}}
+						<Ui::UiSpacer @size=100 />
 
 						<div class="text-center">
 							<ul class="ui-option-picker ui-option-picker-horiz">
@@ -28,7 +28,7 @@
 							</ul>
 						</div>
 
-						{{ui/ui-spacer size=100}}
+						<Ui::UiSpacer @size=100 />
 
 						<div class="text-center">
 							<ul class="ui-option-picker ui-option-picker-horiz">
@@ -41,7 +41,7 @@
 							</ul>
 						</div>
 
-						{{ui/ui-spacer size=300}}
+						<Ui::UiSpacer @size=300 />
 
 						{{ui/ui-button
 							light=true
@@ -53,7 +53,7 @@
 			{{/ui/ui-button}}
 		</div>
 
-		{{ui/ui-spacer size=200}}
+		<Ui::UiSpacer @size=200 />
 	{{/if}}
 
 	<div class="result-summary">{{resultPhrase}}</div>
@@ -78,4 +78,4 @@
 		{{/each}}
 	</ul>
 
-</div>
+</div>

gui/app/templates/components/search/search-view.hbs

@@ -10,7 +10,7 @@
 	{{#if validSearch}}
 		{{search/search-results results=results keywords=keywords}}
 	{{else}}
-		{{ui/ui-spacer size=300}}
+		<Ui::UiSpacer @size=300 />
 		<p class="color-red-700">Your search query is too short</p>
 	{{/if}}
 </div>