fix: Make big button as CSS class (#16)

.eslintrc.yaml

@@ -26,3 +26,4 @@ rules:
     react/react-in-jsx-scope: "off"
     simple-import-sort/imports: "error"
     simple-import-sort/exports: "error"
+    react/no-unknown-property: ["error", { ignore: ["class"] }]

assets/static/style.css

@@ -8,15 +8,12 @@ p {
     line-height: 1.6;
 }
 
-a {
+.big-button {
     text-decoration: none;
-}
-
-button {
+    text-align: center;
     cursor: pointer;
     display: block;
     padding: 18px;
-    margin: 0 auto;
     font-size: 250%;
     font-weight: bold;
     border: 0;
@@ -26,6 +23,6 @@ button {
     box-shadow: #777 4px 4px 16px;
 }
 
-button:active {
+.big-button:active {
     box-shadow: unset;
 }

src/pages/index.tsx

@@ -14,8 +14,13 @@ export const Index = ({ requestUrl }: { requestUrl: string }): JSX.Element => {
                 OAuth を利用しており,
                 下記のボタンから当サービスでのトークンの利用を認可していただくことで登録処理を開始できます.
             </p>
-            <a href={redirectUrl} referrerPolicy="no-referrer" rel="noopener">
-                <button>アカウント情報を登録する</button>
+            <a
+                class="big-button"
+                href={redirectUrl}
+                referrerPolicy="no-referrer"
+                rel="noopener"
+            >
+                アカウント情報を登録する
             </a>
         </Layout>
     );