From fcf22f96d1d329371d516e0e44eaa5138ed528f7 Mon Sep 17 00:00:00 2001
From: Cashew <tungbinem@gmail.com>
Date: Thu, 25 Jul 2024 13:52:43 +0700
Subject: [PATCH] make getting started button small on large screens and small
 on small screens

---
 docs/index.md              | 2 +-
 docs/stylesheets/extra.css | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/docs/index.md b/docs/index.md
index eafcea2..97a9129 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -93,4 +93,4 @@ Yomitan turns your web browser into a tool for building language literacy by hel
 
 </div>
 
-[Get started](getting-started/index.md){ .md-button .md-button--stretch }
+[Get started](getting-started/index.md){ .md-button .md-button--stretch-max-sm }
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 10cbdc6..f8c303f 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -2,3 +2,10 @@
     width: 100%;
     text-align: center;
 }
+
+@media not all and (min-width: 640px) {
+    .md-button--stretch-max-sm {
+        width: 100%;
+        text-align: center;
+    }
+}
\ No newline at end of file