From 0e9274f3fe5f0839d932deb8f0510f1fa6c06cee Mon Sep 17 00:00:00 2001
From: Bill Thiede <git@xinu.tv>
Date: Sat, 26 Oct 2019 15:06:24 -0700
Subject: [PATCH] Lint cleanup, center text on images.

---
 src/App.css | 4 ++++
 src/App.js  | 5 ++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/App.css b/src/App.css
index c906927..f5d2f2f 100644
--- a/src/App.css
+++ b/src/App.css
@@ -9,6 +9,10 @@
   cursor: crosshair;
 }
 
+.frame .name {
+  text-align: center;
+}
+
 .title {
   color: #fff;
 }
diff --git a/src/App.js b/src/App.js
index 13a0e5c..1ca89b9 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,7 +3,6 @@ import './App.css';
 import {
   Columns,
   Heading,
-  Media,
 } from 'react-bulma-components';
 
 
@@ -186,7 +185,7 @@ class App extends React.Component {
       });
 
       images = imageMetadata.map((metadata) => {
-        let {name, size, ratio, image} = metadata;
+        let {name, ratio, image} = metadata;
         let width = 256;
         let height = (ratio * width).toFixed();
         let url = ROOT + image + '?t=' + timestamp;
@@ -215,7 +214,7 @@ class App extends React.Component {
             onWheel={mouseScroll}
             className="frame"
              style={{backgroundImage: 'url("' + url + '")', ...style}}>
-            <p>{name}</p>
+            <p className="name">{name}</p>
         </div>)
       });
       mainContent = <div>