responsive fixes

Author: Prevter

src/components/Button.astro

@@ -12,7 +12,7 @@ const { variant, href } = Astro.props;
         align-items: center;
         gap: 0.5rem;
         border-radius: 1rem;
-        padding: 0.75rem 1.75rem;
+        padding: 0.75rem 1.25rem;
         font-weight: 600;
         font-size: 0.875rem;
         line-height: 1.25rem;
@@ -63,6 +63,7 @@ const { variant, href } = Astro.props;
         .btn {
             font-size: 1rem;
             line-height: 1.5rem;
+            padding: 0.75rem 1.75rem;
         }
     }
 </style>

src/components/Starfield.astro

@@ -61,8 +61,10 @@
 
         onResize(); // update the size once
         window.addEventListener("resize", onResize);
-        window.addEventListener("pointermove", onMouseMove);
-        window.addEventListener("scroll", onScroll);
+        if (!("ontouchstart" in window || navigator.maxTouchPoints > 0)) {
+            window.addEventListener("mousemove", onMouseMove);
+            window.addEventListener("scroll", onScroll);
+        }
         requestAnimationFrame(onDraw);
     })();
 </script>

src/pages/index.astro

@@ -128,7 +128,7 @@ const latestVersion = data.tag_name || 'v1.0.0';
         <SectionTitle title="Answers to common questions" caption="FAQ"/>
         <div class="container">
             <Accordion title="How do I install Eclipse Menu?" icon={helpIcon}>
-                Please refer to the <a href="#install">installation guide</a>.
+                Please refer to the <a href="#how-to-install">installation guide</a>.
             </Accordion>
             <Accordion title="Is this free?" icon={helpIcon}>
                 Yes, Eclipse Menu is completely free to use. <br/>