From 328a2cd6f8f837221e904a2a9f2f3ed5d97ac271 Mon Sep 17 00:00:00 2001
From: Mikael Finstad <finstaden@gmail.com>
Date: Sun, 27 Jan 2019 15:28:48 +0100
Subject: [PATCH] add help text on drop box

---
 src/main.css     | 3 +--
 src/renderer.jsx | 7 ++++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/main.css b/src/main.css
index ae7ca5b6..5f9e078e 100644
--- a/src/main.css
+++ b/src/main.css
@@ -115,9 +115,8 @@ input, button, textarea, :focus {
 #drag-drop-field {
   padding: 15vw 0;
   border: 2vw dashed #252525;
-  color: #252525;
+  color: #303030;
   margin: 7vw;
-  font-size: 9vw;
   text-align: center;
   white-space: nowrap;
 }
diff --git a/src/renderer.jsx b/src/renderer.jsx
index 4362d814..22e3e11a 100644
--- a/src/renderer.jsx
+++ b/src/renderer.jsx
@@ -486,7 +486,12 @@ class App extends React.Component {
 
     return (
       <div>
-        {!this.state.filePath && <div id="drag-drop-field">DROP VIDEO</div>}
+        {!this.state.filePath && (
+          <div id="drag-drop-field">
+            <div style={{ fontSize: '9vw' }}>DROP VIDEO</div>
+            <div>PRESS H FOR HELP</div>
+          </div>
+        )}
         {this.state.working && (
         <div style={{
           color: 'white', background: 'rgba(0, 0, 0, 0.3)', borderRadius: '.5em', margin: '1em', padding: '.2em .5em', position: 'absolute', zIndex: 1, top: 0, left: 0,