From cd8afac6944db468561d66df79237d9bfb767274 Mon Sep 17 00:00:00 2001
From: SeanLi <sean@kineviz.com>
Date: Thu, 12 Nov 2020 22:35:19 +0800
Subject: [PATCH] improve the readme

---
 README.md  |  2 ++
 index.html | 29 +++++++++++++++++++++++++----
 2 files changed, 27 insertions(+), 4 deletions(-)
diff --git a/README.md b/README.md
index 9b29c86..a1b5eb6 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,7 @@
 ### GraphXR Iframe example(V2.8.0)
 
+Your can try with <https://kineviz.github.io/graphxr-iframe-example/> at first
+
 > Please refer the graphXR.injection.js in <head> tag at first
 
 ```
diff --git a/index.html b/index.html
index e51806a..569a9bb 100644
--- a/index.html
+++ b/index.html
@@ -60,17 +60,33 @@
             font-size: 18px;
         }
 
+        .header .actions{
+            width:18%;
+            padding: 1%;
+            height: 100%;
+        }
+
         .header .btn {
+            width: 100%;
             cursor: pointer;
             text-align: center;
-            height: 120px;
-            line-height: 120px;
-            width:18%;
+            height: 60px;
+            line-height: 60px;
             margin:20px 1%;
             border-radius: 4px;
             color: white;
             background-color:green;
         }
+
+        .header a.help{
+            display: block;
+            text-align: center;
+            font-size: 32px;
+            color: black;
+            border: none;
+            text-decoration: none;
+            background-color: white;
+        }
     </style>
 
     <!--Please -->
@@ -102,7 +118,12 @@
 
        </textarea>
         </div>
-        <div class="btn" onclick="handleClick()"> RUN </div>
+        <div class="actions">
+            <div class="btn" onclick="handleClick()" title="run the code"> RUN </div>
+            <a class="help" target="_blank"
+            href="https://github.com/Kineviz/graphxr_iframe_example#1-apicommand" 
+            title="api help"> ? </a>
+         </div>
     </div>
    
 
