all conflicts resolved

Author: Nian Liu

README.md

@@ -1,6 +1,8 @@
 # React-Lucid
 A React-GraphQL developer tool.
 
+![Alt text](public/assets/logo-text.png?raw=true "Title")
+
 React-Lucid is a React / GraphQL DevTool designed for helping developers debug their React applications that depend on GraphQL resources more efficiently. React-Lucid allows you to visualize the component hierarchy of your React application and your GraphQL schema, queries, and mutations side by side, making development a breeze.
 
 ### --Usage--
@@ -26,7 +28,7 @@ React-Lucid is a React / GraphQL DevTool designed for helping developers debug t
 
 2. Build React-Lucid to be used in Chrome Dev Tools: 
 
-    ```npm run build ``` or ```npm run watch```
+    ```npm run build ```
 
 3. In Chrome Browser, open more tools and Extensions tab and click 'Load Unpacked' 
 

build/logo.png

@@ -72,7 +72,6 @@ body{
   color: white;
 }
 
-
 /* For window  */
 #window{
   display: flex;

build/webpack-bundle.js

@@ -1,6 +1,6 @@
 #stateDiff-container {
   grid-area: diff;
-  max-height: 450px;
+  max-height: 500px;
   overflow-y: scroll;
   background-color: rgba(214, 214, 214, 0.4);
   border: 1px solid rgba(0, 0, 0, 0.3);
@@ -25,7 +25,7 @@
 
 .state-span{
   margin: 6px;
-  font-size: 1.1em;
+  font-size: 1.2em;
   font-weight: 500;
   letter-spacing: 0.8px;
   line-height: 15px;

build/webpack-bundle.js.map

@@ -3,7 +3,6 @@ import { GraphqlCodeBlock } from 'graphql-syntax-highlighter-react';
 import ReactJson from 'react-json-view';
 
 const GraphQLRequest = ({ logs, log } ) => {
-  console.log(log);
   let req = log === null ? JSON.parse(logs[logs.length - 1].req.postData.text) : JSON.parse(log.req.postData.text);
   let query = req.query;
   let variables = req.variables;