From 2326be80b71d9cadb309a0b0f88be3dbb75dce55 Mon Sep 17 00:00:00 2001
From: MathieuG-P <mathieu.gries-peroz@cirkwi.com>
Date: Sat, 11 Jun 2022 21:38:20 +0200
Subject: [PATCH] style adjust

---
 src/renderer/pages/available-versions-list.components.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/renderer/pages/available-versions-list.components.tsx b/src/renderer/pages/available-versions-list.components.tsx
index c5a6d932..2535f0be 100644
--- a/src/renderer/pages/available-versions-list.components.tsx
+++ b/src/renderer/pages/available-versions-list.components.tsx
@@ -46,7 +46,7 @@ export function AvailableVersionsList() {
       downloadProgressSub.unsubscribe();
     }
   }, [])
-  
+
 
   return (
     <div className="relative h-full w-full flex items-center flex-col pt-2">
@@ -56,8 +56,8 @@ export function AvailableVersionsList() {
       <div onClick={startInstall} className={
         `
           flex items-center content-center justify-center absolute bottom-9 z-10 rounded-lg bg-main-color-3 shadow-center shadow-black cursor-pointer transition-all duration-300
-          ${versionSelected && !currentDownload && "h-16 w-36"} 
-          ${!versionSelected && !currentDownload && "translate-y-[100px]"}
+          ${versionSelected && !currentDownload && "h-16 w-36"}
+          ${!versionSelected && !currentDownload && "translate-y-[120px]"}
           ${currentDownload && !downloadProgress && "h-16 w-16 rounded-full"}
           ${currentDownload && !!downloadProgress && "h-5 w-3/4 rounded-full p-[6px]"}
         `
@@ -70,7 +70,7 @@ export function AvailableVersionsList() {
             <img className="h-[70px] absolute -translate-x-8 -translate-y-1 transition-all" style={{left: `${downloadProgress}%`}} src={beatRunningImg} />
           </>
         )}
-        {!currentDownload && <span className="flex justify-center items-center w-full h-full text-white font-bold tracking-wide text-xl text-center leading-6">DOWNLOAD {versionSelected?.BSVersion}</span>}
+        {!currentDownload && <span className="flex justify-center items-center w-36 h-16 text-white font-bold tracking-wide text-xl text-center leading-6">DOWNLOAD {versionSelected?.BSVersion}</span>}
         {currentDownload && !downloadProgress && <img className="w-14 h-14 spin-loading" src={beatWaitingImg}></img>}
       </div>
     </div>