From 5ecd823525afda2e0462bbc17c402813d13c281e Mon Sep 17 00:00:00 2001
From: Cashew <52880648+Casheeew@users.noreply.github.com>
Date: Thu, 25 Jul 2024 14:17:30 +0700
Subject: [PATCH] Update Installation buttons (#28)

* make getting started button small on large screens and small on small screens

* update install buttons
---
 docs/getting-started/index.md | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/docs/getting-started/index.md b/docs/getting-started/index.md
index 3628492..7979c79 100644
--- a/docs/getting-started/index.md
+++ b/docs/getting-started/index.md
@@ -15,12 +15,21 @@ Let's dive in and get started!
 
 ## Installation
 
+### Chrome
+<div class="grid" markdown>
 
-[:fontawesome-brands-chrome: Get Yomitan <small>Chrome/Stable</small>](https://chrome.google.com/webstore/detail/yomitan/likgccmbimhjbgkjambclfkhldnlhbnn){ .md-button .md-button--primary }
-[:fontawesome-brands-chrome: Get Yomitan <small>Chrome/Beta</small>](https://chrome.google.com/webstore/detail/yomitan-development-build/glnaenfapkkecknnmginabpmgkenenml){ .md-button .md-button--primary }
+[:fontawesome-brands-chrome: Get Yomitan <small>Chrome/Stable</small>](https://chrome.google.com/webstore/detail/yomitan/likgccmbimhjbgkjambclfkhldnlhbnn){ .md-button .md-button--primary .md-button--stretch }
 
-[:fontawesome-brands-firefox-browser: Get Yomitan <small>Firefox/Stable</small>](https://addons.mozilla.org/en-US/firefox/addon/yomitan/){ .md-button .md-button--primary }
-[:fontawesome-brands-firefox-browser: Go To Github Releases](https://github.com/themoeway/yomitan/releases){ .md-button .md-button--primary }
+[:fontawesome-brands-chrome: Get Yomitan <small>Chrome/Beta</small>](https://chrome.google.com/webstore/detail/yomitan-development-build/glnaenfapkkecknnmginabpmgkenenml){ .md-button .md-button--primary .md-button--stretch }
+</div>
+
+### Firefox
+<div class="grid" markdown>
+[:fontawesome-brands-firefox-browser: Get Yomitan <small>Firefox/Stable</small>](https://addons.mozilla.org/en-US/firefox/addon/yomitan/){ .md-button .md-button--primary .md-button--stretch }
+
+[:fontawesome-brands-firefox-browser: Go To Github Releases](https://github.com/themoeway/yomitan/releases){ .md-button .md-button--primary .md-button--stretch }
+
+</div>
 
 <small>※ Unlike Chrome, Firefox does not allow extensions meant for testing to be hosted in the marketplace. You will to download the desired version and side-load it yourself. You only need to do this once, and you will get updates automatically.</small>