From b75188b3f4884db05511d09146511aa927ceb48c Mon Sep 17 00:00:00 2001
From: thomasrosen <thomas.rosen@me.com>
Date: Thu, 21 Jan 2021 22:13:04 +0100
Subject: [PATCH] indetion

---
 src/App.js | 46 +++++++++++++++++++++++-----------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/src/App.js b/src/App.js
index 148c8e5..6118857 100644
--- a/src/App.js
+++ b/src/App.js
@@ -83,30 +83,30 @@ function App() {
 
 
 
-return (
-    <div className="App" {...getRootProps()}>
-        <img src={HeaderImage} className="HeaderImage" alt="Volt Logo" />
-
-        <div className={isDragActive ? 'droparea active' : 'droparea'}>
-            Drop your photo here ...
+    return (
+        <div className="App" {...getRootProps()}>
+            <img src={HeaderImage} className="HeaderImage" alt="Volt Logo" />
+    
+            <div className={isDragActive ? 'droparea active' : 'droparea'}>
+                Drop your photo here ...
+            </div>
+    
+            <h2>Choose your Photo:</h2>
+            <p>It should best be a square image or your face in the middle. The photo is not saved and never leaves your computer.</p>
+    
+            <label className="labelButton" tabIndex="0" style={{outline:'none'}}>
+                {!!photo ? <img src={originalPhoto} alt="Preview" /> : null}
+                <span>{!!photo ? 'Change Photo' : 'Load Photo'}</span>
+                <input onChange={handleImage} type="file" accept="image/*" style={{display: 'none'}} />
+            </label>
+    
+            <FrameChooser onFrameChange={handleFrameURL} />
+               
+            <h2>Download your Photo:</h2>
+            <img src={combinedImage} className="FinishedFrame" alt="Finished Frame" />
+            <button onClick={() => download(combinedImage, "volt-profile-picture.png", "image/png")}>Download Profile Picture</button>
         </div>
-
-        <h2>Choose your Photo:</h2>
-        <p>It should best be a square image or your face in the middle. The photo is not saved and never leaves your computer.</p>
-
-        <label className="labelButton" tabIndex="0" style={{outline:'none'}}>
-            {!!photo ? <img src={originalPhoto} alt="Preview" /> : null}
-            <span>{!!photo ? 'Change Photo' : 'Load Photo'}</span>
-            <input onChange={handleImage} type="file" accept="image/*" style={{display: 'none'}} />
-        </label>
-
-        <FrameChooser onFrameChange={handleFrameURL} />
-           
-        <h2>Download your Photo:</h2>
-        <img src={combinedImage} className="FinishedFrame" alt="Finished Frame" />
-        <button onClick={() => download(combinedImage, "volt-profile-picture.png", "image/png")}>Download Profile Picture</button>
-    </div>
-)
+    )
 }
 
 export default App;