From 0e93e5c6858bf5be2dc44ebd0818f542ea2d3389 Mon Sep 17 00:00:00 2001
From: ashkano <username_subject_to_change@protonmail.com>
Date: Sat, 7 Dec 2024 14:55:31 +0330
Subject: [PATCH] fixed balena etcher button

---
 i18n/en.js                |  3 ++-
 i18n/fa.js                |  3 ++-
 pages/download/[slug].jsx | 10 ++++++----
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/i18n/en.js b/i18n/en.js
index 64e2914..a19f4af 100644
--- a/i18n/en.js
+++ b/i18n/en.js
@@ -82,7 +82,8 @@ export default {
       )
     },
     download: text => `Download ${text}`,
-    changelog: 'View Changelog'
+    changelog: 'View Changelog',
+    balenaEtcher: 'Flash with Balena Etcher'
   },
 
   error_404: "Error 404 - Page Not Found"
diff --git a/i18n/fa.js b/i18n/fa.js
index 1665525..0d90f65 100644
--- a/i18n/fa.js
+++ b/i18n/fa.js
@@ -83,7 +83,8 @@ export default {
       )
     },
     download: text => `دانلود ${text}`,
-    changelog: 'مشاهدهٔ تغییرات'
+    changelog: 'مشاهدهٔ تغییرات',
+    balenaEtcher: 'نوشتن با Balena Etcher'
   },
 
   error_404: "ارور ۴۰۴ - برگه پیدا نشد"
diff --git a/pages/download/[slug].jsx b/pages/download/[slug].jsx
index 0062ec1..f183199 100644
--- a/pages/download/[slug].jsx
+++ b/pages/download/[slug].jsx
@@ -42,7 +42,7 @@ export default function DownloadPage({ item }) {
             hash={item.hash}
             maintainer={item.maintainer} />
         </Card>
-        <div className="flex flex-wrap justify-center gap-2">
+        <div className="flex max-[520px]:flex-col flex-wrap justify-center gap-2">
           {item.changelog && (
             <Button asChild variant="outline" size="lg" className="rounded-full text-lg py-6 flex me-4">
               <Link href={item.changelog} download>
@@ -57,9 +57,11 @@ export default function DownloadPage({ item }) {
               {t('details.download', item.text[lang])}
             </Link>
           </Button>
-          <Link href={`https://efp.balena.io/open-image-url?imageUrl=${item.href}`} className="hover:brightness-110 duration-200 shrink-0">
-            <img src="http://balena.io/flash-with-etcher.png" className="h-12 drop-shadow" />
-          </Link>
+          <Button asChild variant="outline" size="lg" className="rounded-full text-lg py-6 flex">
+            <Link href={`https://efp.balena.io/open-image-url?imageUrl=${item.href}`}>
+              {t('details.balenaEtcher')}
+            </Link>
+          </Button>
         </div>
       </div>
     </main>