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

@@ -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' }
 												})
 											]
 										),

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
 							)

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' }
 								})
 							]
 						)