From d2bca1c6882ce89047c10bbe8d2ca1490d793fdb Mon Sep 17 00:00:00 2001
From: Timothy Farrell <tim@thecookiejar.me>
Date: Fri, 12 Jan 2018 20:29:08 -0600
Subject: [PATCH] A little formatting polish

---
 packages/gallery/src/interface/allImages.js | 54 ++++++++++++---------
 1 file changed, 30 insertions(+), 24 deletions(-)

diff --git a/packages/gallery/src/interface/allImages.js b/packages/gallery/src/interface/allImages.js
index 4d35511..9d56c46 100644
--- a/packages/gallery/src/interface/allImages.js
+++ b/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([
-									el('h1', 'Welcome'),
-									el('p', [
-										'To get started, drag some photos from your desktop or click on the ',
-										el(
-											'label',
-											{
-												for: 'uploadButton',
-												style: Object.assign({ margin: '0px 3px' }, CLICKABLE)
-											},
-											[
-												Icon({
-													name: 'upload',
-													size: 0.75,
-													title: 'Upload',
-													style: { verticalAlign: 'middle' }
-												})
-											]
-										),
-										'button.'
-									])
-								])
+								Overlay(
+									{
+										textAlign: 'center',
+										padding: '5%'
+									},
+									[
+										el('h1', 'Welcome'),
+										el('p', [
+											'To get started, drag some photos from your desktop or click on the ',
+											el(
+												'label',
+												{
+													for: 'uploadButton',
+													style: Object.assign({ margin: '0px 3px' }, CLICKABLE)
+												},
+												[
+													Icon({
+														name: 'upload',
+														size: 0.75,
+														title: 'Upload',
+														style: { verticalAlign: 'middle' }
+													})
+												]
+											),
+											'button.'
+										])
+									]
+								)
 						  ]
 				)
 			]
@@ -263,6 +270,5 @@ const allImagesContainer = styled({
 	flex: 1
 });
 const allImagesContent = styled({
-	overflowY: 'scroll',
 	flex: 1
 });