From 5ed14115ce1bfc22875061b2b715a0718ea80c9f Mon Sep 17 00:00:00 2001
From: Amio <amio.cn@gmail.com>
Date: Sun, 2 Jun 2019 10:40:29 +0800
Subject: [PATCH] Add links to badge docs

---
 components/badge-examples.js | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/badge-examples.js b/components/badge-examples.js
index f66359a..798843e 100644
--- a/components/badge-examples.js
+++ b/components/badge-examples.js
@@ -1,8 +1,9 @@
 export default ({ data }) => {
-  return data.map(({ title, examples }) => (
-    <dl id={title} key={title}>
+  return data.map(({ id, title, examples }) => (
+    <dl id={id} key={title}>
       <dt>
-        <a className='title' href={`#${title}`}>{title}</a>
+        <a className='title' href={`#${id}`}>{title}</a>
+        <a className='doc' href={`/docs/${id}`}>?</a>
       </dt>
       {
         Object.entries(examples).map(([path, desc]) => (
@@ -33,8 +34,9 @@ export default ({ data }) => {
           color: #ccc;
           display: inline-block;
           position: relative;
-          width: 0px;
           left: -0.8em;
+          top: -0.1em;
+          width: 0px;
         }
         a.doc {
           background: #CCC;
@@ -44,9 +46,8 @@ export default ({ data }) => {
           height: 16px;
           width: 16px;
           border-radius: 50%;
-        }
-        a.doc {
           margin-left: 0.5em;
+          top: -1px;
         }
         a.doc:hover {
           background-color: #AAA