From 23c695ace91fac839e2aed6f855bd7f213e1f90e Mon Sep 17 00:00:00 2001
From: Timothy Farrell <tim@thecookiejar.me>
Date: Thu, 11 Jan 2018 17:20:37 -0600
Subject: [PATCH] Better alignment for SVG Icons in text.

(or when all you have is a hammer, everything looks like a nail).
---
 packages/gallery/src/interface/allImages.js         | 5 +++--
 packages/gallery/src/interface/components/appbar.js | 3 ++-
 packages/gallery/src/interface/focus.js             | 3 ++-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/packages/gallery/src/interface/allImages.js b/packages/gallery/src/interface/allImages.js
index 813eab6..4d35511 100644
--- a/packages/gallery/src/interface/allImages.js
+++ b/packages/gallery/src/interface/allImages.js
@@ -222,13 +222,14 @@ export function AllImagesView(vm, params) {
 											'label',
 											{
 												for: 'uploadButton',
-												style: Object.assign({ verticalAlign: 'top', margin: '0px 3px' }, CLICKABLE)
+												style: Object.assign({ margin: '0px 3px' }, CLICKABLE)
 											},
 											[
 												Icon({
 													name: 'upload',
 													size: 0.75,
-													title: 'Upload'
+													title: 'Upload',
+													style: { verticalAlign: 'middle' }
 												})
 											]
 										),
diff --git a/packages/gallery/src/interface/components/appbar.js b/packages/gallery/src/interface/components/appbar.js
index 60fa4c4..ba769fc 100644
--- a/packages/gallery/src/interface/components/appbar.js
+++ b/packages/gallery/src/interface/components/appbar.js
@@ -30,7 +30,8 @@ export function AppBar(params) {
 							Object.assign(
 								{
 									name: up.button || 'arrow_left',
-									size: 0.75
+									size: 0.75,
+									style: { verticalAlign: 'middle' }
 								},
 								upProps
 							)
diff --git a/packages/gallery/src/interface/focus.js b/packages/gallery/src/interface/focus.js
index c34a25b..404fe9f 100644
--- a/packages/gallery/src/interface/focus.js
+++ b/packages/gallery/src/interface/focus.js
@@ -151,7 +151,8 @@ export function FocusView(vm, params) {
 								Icon({
 									name: 'trash',
 									size: 0.75,
-									fill: 'white'
+									fill: 'white',
+									style: { verticalAlign: 'middle' }
 								})
 							]
 						)