fix style regressions

css/app.css

@@ -35,11 +35,6 @@
 
 .graphiql-container .title {
   font-size: 18px;
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-      -ms-transform: translateX(-50%);
-          transform: translateX(-50%);
 }
 
 .graphiql-container .title em {
@@ -48,8 +43,6 @@
 }
 
 .graphiql-container .topBarWrap {
-  position: relative;
-  display: -webkit-flex;
   display: flex;
   flex-direction: row;
 }
@@ -82,6 +75,7 @@
   cursor: pointer;
   font-size: 14px;
   margin: 0;
+  outline: 0;
   padding: 2px 20px 0 18px;
 }
 
@@ -185,12 +179,13 @@
 .graphiql-container .codemirrorWrap {
   flex: 1;
   height: 100%;
+  position: relative;
 }
 
 .graphiql-container .result-window {
   flex: 1;
-  position: relative;
   height: 100%;
+  position: relative;
 }
 
 .graphiql-container .footer {
@@ -290,6 +285,7 @@
 .graphiql-container .execute-button {
   background: linear-gradient(#fdfdfd, #d2d3d6);
   border-radius: 17px;
+  border: 1px solid rgba(0,0,0,0.25);
   box-shadow: 0 1px 0 #fff;
   cursor: pointer;
   fill: #444;
@@ -478,6 +474,7 @@
 div.CodeMirror-lint-tooltip {
   background-color: white;
   border-radius: 2px;
+  border: 0;
   color: #141823;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
   font-family:

src/components/GraphiQL.js

@@ -39,7 +39,7 @@ import {
 } from '../utility/introspectionQueries';
 
 /**
- * This React component is responsible for rendering the GraphiQL editor.
+ * The top-level React component for GraphiQL, intended to encompass the entire
  * browser viewport.
  *
  * @see https://github.com/graphql/graphiql#usage