From 9803c76f657c65f8eea7b6bc879723bed4396328 Mon Sep 17 00:00:00 2001
From: Pratyay360 <pratyaymustafi@gmail.com>
Date: Tue, 13 Aug 2024 17:23:12 +0530
Subject: [PATCH] download button at center

---
 src/components/release-note.tsx | 60 +++++++++++++++++++++++----------
 1 file changed, 43 insertions(+), 17 deletions(-)

diff --git a/src/components/release-note.tsx b/src/components/release-note.tsx
index ba212b0..c905a45 100644
--- a/src/components/release-note.tsx
+++ b/src/components/release-note.tsx
@@ -7,15 +7,29 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
   return (
     <div className="flex flex-col mt-52 mb-24">
       <div className="mx-auto w-full px-10 md:px-0 md:w-1/2">
-        <h1 className="text-4xl font-bold">Release notes for {data.version} 🎉</h1>
-        <p className="text-sm mt-1 font-bold text-muted-foreground">{data.date}</p>
+        <h1 className="text-4xl font-bold">
+          Release notes for {data.version} 🎉
+        </h1>
+        <p className="text-sm mt-1 font-bold text-muted-foreground">
+          {data.date}
+        </p>
         <p className="text-md mt-4 text-muted-foreground">
-          If you encounter any issues, please report them on <Link href="https://github.com/zen-browser/desktop/issues/" className="text-underline text-blue-500">the issues page</Link>. Thanks everyone for your feedback! ❤️
+          If you encounter any issues, please report them on{" "}
+          <Link
+            href="https://github.com/zen-browser/desktop/issues/"
+            className="text-underline text-blue-500"
+          >
+            the issues page
+          </Link>
+          . Thanks everyone for your feedback! ❤️
         </p>
         {data.extra && (
-          <p className="text-md mt-8" dangerouslySetInnerHTML=
-            {{__html: data.extra.replace(/(\n)/g, "<br />")}}>
-          </p>
+          <p
+            className="text-md mt-8"
+            dangerouslySetInnerHTML={{
+              __html: data.extra.replace(/(\n)/g, "<br />"),
+            }}
+          ></p>
         )}
         {data.breakingChanges && (
           <>
@@ -23,10 +37,14 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
               <ExclamationTriangleIcon className="w-6 h-6 mr-4" />
               Breaking changes
             </h2>
-            <p className="text-md mt-4">The following changes may break existing functionality:</p>
+            <p className="text-md mt-4">
+              The following changes may break existing functionality:
+            </p>
             <ul className="list-disc list-inside mt-2">
               {data.breakingChanges?.map((change, index) => (
-                <li key={index} className="mt-1 text-muted-foreground">{change}</li>
+                <li key={index} className="mt-1 text-muted-foreground">
+                  {change}
+                </li>
               ))}
             </ul>
           </>
@@ -37,10 +55,14 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
               <StarIcon className="w-6 h-6 mr-4" />
               Features
             </h2>
-            <p className="text-md mt-2">The following features have been added:</p>
+            <p className="text-md mt-2">
+              The following features have been added:
+            </p>
             <ul className="list-disc list-inside mt-4">
               {data.features?.map((feature, index) => (
-                <li key={index} className="text-md mt-1 text-muted-foreground">{feature}</li>
+                <li key={index} className="text-md mt-1 text-muted-foreground">
+                  {feature}
+                </li>
               ))}
             </ul>
           </>
@@ -51,7 +73,9 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
               <CheckCheckIcon className="w-6 h-6 mr-4" />
               Fixes
             </h2>
-            <p className="text-md mt-2">The following issues have been fixed:</p>
+            <p className="text-md mt-2">
+              The following issues have been fixed:
+            </p>
             <ul className="list-disc list-inside mt-2">
               {data.fixes?.map((fix, index) => (
                 <li key={index} className="mt-1 text-muted-foreground">
@@ -69,11 +93,13 @@ export default function ReleaseNoteElement({ data }: { data: ReleaseNote }) {
               ))}
             </ul>
           </>
-        )}   
+        )}
       </div>
-      <Link href='/download'>
-      <Button className="mt-12 w-fit mx-auto">Download zen now!</Button>
-      </Link>
-    </div> 
+      <div className="flex flex-wrap items-center justify-center">
+        <Link href="/download">
+          <Button className="mt-12 w-fit mx-auto">Download zen now!</Button>
+        </Link>
+      </div>
+    </div>
   );
-}
\ No newline at end of file
+}