From a87949218de04ac3d2dfd09a2c9427e713f58317 Mon Sep 17 00:00:00 2001
From: graphemecluster <graphemecluster@gmail.com>
Date: Thu, 14 Jul 2022 17:40:41 +0800
Subject: [PATCH] Bug and Style Fix

---
 src/App.scss | 20 ++++++++++++++++++--
 src/App.tsx  |  1 +
 src/Main.tsx |  4 ++--
 3 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index 649f195..65f1f9e 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -44,6 +44,22 @@ body {
         }
       }
     }
+    & + a:link {
+      position: absolute;
+      top: 1.5em;
+      right: 2em;
+      border: none;
+      background-color: #555;
+      color: white;
+      line-height: 2.5;
+      font-size: 1.06rem;
+      padding: 0 1.25em;
+      border-radius: 9999px;
+      transition: 0.2s;
+      &:hover {
+        background-color: #606060;
+      }
+    }
   }
   .add-schema {
     position: relative;
@@ -157,8 +173,8 @@ body {
       padding: 0 0 0 0.6em;
     }
     label {
-      display: inline;
-      margin-right: 0.4em;
+      display: inline-block;
+      margin: 0 0.4em 0.2em 0;
       white-space: nowrap;
       &:first-child select {
         margin: 0;
diff --git a/src/App.tsx b/src/App.tsx
index 1980fc1..2a43d04 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -60,6 +60,7 @@ function App() {
             <span onClick={showAbout}>切韻音系自動推導器</span>
           </h1>
         </nav>
+        <a href="https://graphemecluster.github.io/qieyun-autoderiver">試用 v0.2 beta 版</a>
       </header>
       <Main />
     </div>
diff --git a/src/Main.tsx b/src/Main.tsx
index 7b75b33..6fa61a6 100644
--- a/src/Main.tsx
+++ b/src/Main.tsx
@@ -10,7 +10,7 @@ import withReactContent from "sweetalert2-react-content";
 // 推導方案（及控制臺）用
 // XXX 之後改成 new Function 時作為參數（然後再 bind 或閉包一下就不用每次都傳了）
 import * as Qieyun from "qieyun";
-(global as any).Qieyun = Qieyun;
+(window as any).Qieyun = Qieyun;
 
 const { query字頭, iter音韻地位, query音韻地位 } = 資料;
 
@@ -228,7 +228,7 @@ class Main extends React.Component<any, MainState> {
     };
 
     if (this.state.option === "convertPresetArticle" && !presetArticle) {
-      fetchFile("https://cdn.jsdelivr.net/gh/nk2028/qieyun-text-label@360e36b/index.txt", article => {
+      fetchFile("https://cdn.jsdelivr.net/gh/nk2028/qieyun-text-label@main/index.txt", article => {
         presetArticle = article;
         this.handlePredefinedOptions();
       });