fix(site): add small responsivness styles to download page elements

Author: Keshav-writes-code

apps/site/src/pages/downloads.astro

@@ -48,7 +48,7 @@ const download_count_server = get_total_downloads(gh_releases_metadata);
             width={25}
             height={25}
             src={logo}
-            class="size-25px"
+            class="size-25px lt-sm:size-20px"
             alt="Logo"
             slot="logo"
             loading="eager"
@@ -67,7 +67,7 @@ const download_count_server = get_total_downloads(gh_releases_metadata);
           Total Downloads
         </p>
 
-        <div class="flex justify-between">
+        <div class="flex justify-between items-center">
           <span class="countdown font-bold lt-sm:text-2rem text-2.5rem">
             <span
               style=`--value:0;`
@@ -121,8 +121,8 @@ const download_count_server = get_total_downloads(gh_releases_metadata);
                       {arch}
                     </p>
                     {size && (
-                        {prettyBytes(size)}
                       <p class=" ml-auto lt-sm:hidden color-[color-mix(in_srgb,var(--color-base-content)_80%,black)]  font-light font-mono ">
+                        {prettyBytes(size, { maximumFractionDigits: 1 })}
                       </p>
                     )}
                     <span class="lt-sm:ml-auto mask mask-squircle bg-[color-mix(in_srgb,var(--color-base-content)_30%,black)] lt-sm:p-1 p-1.5">