Merge pull request #1800 from influxdata/enhancement/write-data-window

Embiggen the write data form

CHANGELOG.md

@@ -3,6 +3,7 @@
 ### Features
 ### UI Improvements
 1. [#1796](https://github.com/influxdata/chronograf/pull/1796): Add spinner to indicate data is being written
+1. [#1800](https://github.com/influxdata/chronograf/pull/1796): Embiggen text area for line protocol manual entry in Data Explorer's Write Data overlay
 
 ## v1.3.5.0 [2017-07-27]
 ### Bug Fixes

ui/src/data_explorer/components/WriteDataBody.js

@@ -33,7 +33,7 @@ const WriteDataBody = ({
             ref={fileInput}
             accept="text/*, application/gzip"
           />
-          <button className="btn btn-sm btn-primary" onClick={handleFileOpen}>
+          <button className="btn btn-md btn-primary" onClick={handleFileOpen}>
             {uploadContent ? 'Upload a Different File' : 'Upload a File'}
           </button>
           {uploadContent

ui/src/style/components/write-data-form.scss

@@ -7,7 +7,7 @@
 $write-data--max-width: 960px;
 $write-data--gutter: 30px;
 $write-data--margin: 18px;
-$write-data--input-height: 120px;
+$write-data--input-height: calc(90vh - 48px - 60px - 36px); // Heights of everything but input height
 $write-data--transition: opacity 0.4s ease;
 
 .write-data-form {