Minor fixes for website (#9)

* fix navbar separators

uwu~~

* download-btn-hover

:3

* nighty not cuted arm

lil slime on left arm now better

Author: Polymoria

public/images/floating_nighty.webp

@@ -22,23 +22,23 @@ export const NavItems: Component = () => {
             .getElementById("download")
             .scrollIntoView({ behavior: "smooth", block: "center" });
         }}
-        class="link p-2"
+        class="link px-2"
       >
         <Typography tag="span" key="navbar.download" />
       </A>
-      <a href="https://discord.gg/SlimeVR" target="_blank" class="link p-2">
+      <a href="https://discord.gg/SlimeVR" target="_blank" class="link px-2">
         <Typography key="navbar.discord" tag="span" />
       </a>
-      <a href="https://shop.slimevr.dev/" class="link p-2">
+      <a href="https://shop.slimevr.dev/" class="link px-2">
         <Typography key="navbar.shop" tag="span" />
       </a>
-      <a href="https://github.com/SlimeVR" target="_blank" class="link p-2">
+      <a href="https://github.com/SlimeVR" target="_blank" class="link px-2">
         <Typography key="navbar.github" tag="span" />
       </a>
       <a
         href="https://shop.slimevr.dev/pages/support"
         target="_blank"
-        class="link p-2"
+        class="link px-2"
       >
         <Typography tag="span" key="navbar.support" />
       </a>

src/components/Navbar.tsx

@@ -57,7 +57,7 @@ export const DownloadButton: ParentComponent<DownloadButtonProps> = (
         {prefixIcon()}
       </div>
       <div class="flex flex-col flex-grow">{props.children}</div>
-      <div class="flex w-9">
+      <div class="flex w-9 group-hover:translate-y-1 transition-transform duration-2">
         <DonwloadIcon size={30} class="fill-background-10"></DonwloadIcon>
       </div>
     </A>