From dbc866e657cb38e9b460af8ef1342267e26b4141 Mon Sep 17 00:00:00 2001
From: Adam Miskiewicz <adam@sk3vy.com>
Date: Mon, 15 Feb 2016 16:01:23 -0500
Subject: [PATCH] v0.3.2

---
 app/app.css                        | 17 ++++++++++++-----
 app/components/App.js              |  1 -
 app/components/HTTPHeaderEditor.js | 10 ++++++----
 package.json                       |  6 +++---
 4 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/app/app.css b/app/app.css
index 67b01bb..7472052 100644
--- a/app/app.css
+++ b/app/app.css
@@ -12,13 +12,21 @@
 .clearfix { display: block; }
 /* close commented backslash hack */
 
+html {
+  height: 100%;
+}
+body {
+  min-height: 100%;
+}
+
 body {
   font-family: helvetica, arial, sans-serif;
+  display: flex;
 }
 
 #react-root {
-  width: 100%;
-  height: 100%;
+  display: flex;
+  flex: 1;
 }
 
 .ReactModal__Overlay {
@@ -26,9 +34,8 @@ body {
 }
 
 .wrapper {
-  width: 100%;
-  height: 100%;
   display: flex;
+  flex: 1;
   flex-direction: column;
 }
 
@@ -125,6 +132,7 @@ body {
 }
 
 .endpoint-box input {
+  flex: 1;
   width: 100%;
 }
 
@@ -150,4 +158,3 @@ body {
   font-weight: bold;
   font-size: 20px;
 }
-
diff --git a/app/components/App.js b/app/components/App.js
index c1b382f..b18dc7e 100644
--- a/app/components/App.js
+++ b/app/components/App.js
@@ -6,7 +6,6 @@ import GraphiQL from 'graphiql/dist';
 import Modal from 'react-modal/lib/index';
 
 Modal.setAppElement(document.getElementById('react-root'));
-Modal.injectCSS();
 
 import HTTPHeaderEditor from './HTTPHeaderEditor';
 
diff --git a/app/components/HTTPHeaderEditor.js b/app/components/HTTPHeaderEditor.js
index 2049917..c0badae 100644
--- a/app/components/HTTPHeaderEditor.js
+++ b/app/components/HTTPHeaderEditor.js
@@ -5,7 +5,7 @@ import React from 'react';
 export default class HTTPHeaderEditor extends React.Component {
   constructor(props) {
     super(props);
-    
+
     this.state = {
       headers: props.headers || [],
       addingHeader: false
@@ -86,9 +86,11 @@ export default class HTTPHeaderEditor extends React.Component {
           <a href="javascript:;" onClick={this.addHeader}>+ Add Header</a>
           <table className="pure-table pure-table-striped" style={styles.table}>
             <thead>
-              <th>Key</th>
-              <th>Value</th>
-              <th></th>
+              <tr>
+                <th>Key</th>
+                <th>Value</th>
+                <th></th>
+              </tr>
             </thead>
             <tbody>
             {this.state.headers.map((header, i) => (
diff --git a/package.json b/package.json
index 459a5d8..9a7c25d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "graphiql-app",
-  "version": "0.1.0",
+  "version": "0.3.2",
   "description": "A light, Electron-based wrapper around GraphiQL. WIP",
   "main": "main.js",
   "scripts": {
@@ -20,8 +20,8 @@
     "url": "https://github.com/skevy/graphiql-app/issues"
   },
   "dependencies": {
-    "graphiql": "^0.4.5",
-    "graphql": "^0.4.14",
+    "graphiql": "^0.5.0",
+    "graphql": "^0.4.17",
     "isomorphic-fetch": "^2.1.1",
     "lodash": "^3.10.1",
     "mousetrap": "^1.5.3",