A little formatting polish

packages/gallery/src/interface/allImages.js

@@ -209,33 +209,40 @@ export function AllImagesView(vm, params) {
 							'.sectionSelectButton .icon': toggleAll,
 							'.sectionSelectButton .icon svg path': toggleAll,
 							'.photoOverlay': photoClick
-						}
+						},
+						style: { overflowY: hasPhotos ? 'scroll' : 'hidden' }
 					},
 					hasPhotos
 						? _sections.map(renderSection)
 						: [
-								Overlay([
+								Overlay(
-									el('h1', 'Welcome'),
+									{
-									el('p', [
+										textAlign: 'center',
-										'To get started, drag some photos from your desktop or click on the ',
+										padding: '5%'
-										el(
+									},
-											'label',
+									[
-											{
+										el('h1', 'Welcome'),
-												for: 'uploadButton',
+										el('p', [
-												style: Object.assign({ margin: '0px 3px' }, CLICKABLE)
+											'To get started, drag some photos from your desktop or click on the ',
-											},
+											el(
-											[
+												'label',
-												Icon({
+												{
-													name: 'upload',
+													for: 'uploadButton',
-													size: 0.75,
+													style: Object.assign({ margin: '0px 3px' }, CLICKABLE)
-													title: 'Upload',
+												},
-													style: { verticalAlign: 'middle' }
+												[
-												})
+													Icon({
-											]
+														name: 'upload',
-										),
+														size: 0.75,
-										'button.'
+														title: 'Upload',
-									])
+														style: { verticalAlign: 'middle' }
-								])
+													})
+												]
+											),
+											'button.'
+										])
+									]
+								)
 						  ]
 				)
 			]
@@ -263,6 +270,5 @@ const allImagesContainer = styled({
 	flex: 1
 });
 const allImagesContent = styled({
-	overflowY: 'scroll',
 	flex: 1
 });