fix graphiql style

src/components/common/graphql/Graphql.jsx

@@ -27,7 +27,7 @@ class Graphql extends Component {
   render() {
     return (
       <div>
-        <Alert style={{marginTop: 10}} message="下面的 graphql api 对应的是是 online 的数据库"
+        <Alert message="下面的 graphql api 对应的是是 online 的数据库"
                type="warning" banner closable/>
         <Input style={{marginTop: 10}} addonBefore="POST" defaultValue={this.state.api}
                onChange={(e) => {

src/components/common/graphql/index.css

@@ -27,7 +27,7 @@
     -ms-flex-direction: row;
     flex-direction: row;
     height: 800px;
-    margin: 10px;
+    margin-top: 10px;
     overflow: hidden;
     width: 100%;
 }
@@ -83,7 +83,7 @@
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
-    height: 34px;
+    height: 45px;
     overflow-y: visible;
     padding: 7px 14px 6px;
     -webkit-user-select: none;
@@ -1094,7 +1094,7 @@ span.CodeMirror-selectedtext { background: none; }
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    height: 34px;
+    height: 50px;
     line-height: 14px;
     padding: 8px 8px 5px;
     position: relative;
@@ -1111,7 +1111,7 @@ span.CodeMirror-selectedtext { background: none; }
     flex: 1;
     font-weight: bold;
     overflow-x: hidden;
-    padding: 10px 0 10px 10px;
+    padding: 10px 0 5px 10px;
     text-align: center;
     text-overflow: ellipsis;
     -webkit-user-select: initial;