Add output filename label

dawnlabs · Mar 1, 2017 · d991690 · d991690
1 parent 7e5aecb
commit d991690
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/main.js b/main.js
@@ -7,7 +7,7 @@ const mb = menubar({
   alwaysOnTop: true,
   resizable: false,
   width: 292,
-  height: 314,
+  height: 324,
   icon: `${__dirname}/img/iconTemplate.png`
 })
 

diff --git a/src/components/Converter.jsx b/src/components/Converter.jsx
@@ -129,7 +129,9 @@ class Sanitizer extends Component {
       case STAGING: return (
         <div className="staging">
           {/* TODO make this compose better */}
+          <label htmlFor="outputFileName">FILENAME</label>
           <input
+            id="outputFileName"
             type="text"
             value={displayOutputFileName(this.state.outputType)(this.state.files)}
           />

diff --git a/styles/index.scss b/styles/index.scss
@@ -101,6 +101,13 @@ p {
   width: 100%;
   height: 100%;
 
+  label {
+    font-size: 10.2px;
+    margin-bottom: 4px;
+    font-weight: bold;
+    color: rgba(0, 0, 0, 0.3);
+  }
+
   input {
     border: 1px solid rgba(255, 255, 255, 0);
     border-radius: 2px;