From 23835a05274fcdda4051e34355625af1c4db410f Mon Sep 17 00:00:00 2001
From: thomasrosen <thomas.rosen@me.com>
Date: Thu, 21 Jan 2021 19:33:07 +0100
Subject: [PATCH] added headers + css

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

diff --git a/src/App.css b/src/App.css
index 32b771f..792abbc 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,6 +1,11 @@
 .App {
   text-align: center;
 
+h2{
+    margin: 10vh 0 2vh 0;
+    font-size: calc(10px + 4vmin);
+}
+
 .HeaderImage{
     height: calc(10px + 30vmin);
     max-width: 100%;
diff --git a/src/App.js b/src/App.js
index 1fa657e..fa5e3e7 100644
--- a/src/App.js
+++ b/src/App.js
@@ -61,6 +61,8 @@ return (
             <input type="file" onChange={handleImage} />
         <img src={HeaderImage} className="HeaderImage" />
 
+        <h2>Choose your Photo:</h2>
+
         <label className="labelButton" tabIndex="0" style={{outline:'none'}}>
             {!!photo ? <img src={photo} /> : null}
             <span>Load Photo</span>
@@ -68,6 +70,8 @@ return (
         </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>