From 963c07f4649fa081ddcd89c18afaf2144074f5d5 Mon Sep 17 00:00:00 2001
From: outfoxxed <outfoxxed@outfoxxed.me>
Date: Fri, 8 Nov 2024 22:49:29 -0800
Subject: [PATCH] fix frontpage button margins

---
 src/styles/components/marquee.css |  6 +++---
 src/styles/main-page.css          | 13 +++++++------
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/styles/components/marquee.css b/src/styles/components/marquee.css
index 6f7a014..d2e3fce 100644
--- a/src/styles/components/marquee.css
+++ b/src/styles/components/marquee.css
@@ -43,7 +43,7 @@
   transform: translateX(var(--scroll));
   display: flex;
   justify-content: center;
-  padding-inline: 1rem;
+  padding-inline: 0.5rem;
 }
 
 .marquee-item-spacing {
@@ -120,10 +120,10 @@
   }
 
   #marquee-scroll-left {
-    left: 2rem;
+    left: 1rem;
   }
 
   #marquee-scroll-right {
-    right: 2rem;
+    right: 1rem;
   }
 }
diff --git a/src/styles/main-page.css b/src/styles/main-page.css
index e0e677c..1a2b6b7 100644
--- a/src/styles/main-page.css
+++ b/src/styles/main-page.css
@@ -70,16 +70,16 @@ html.dark .main-page_hero-text {
   flex-wrap: wrap;
   justify-content: center;
   z-index: 0;
-  max-width: 75%;
-  gap: 1rem;
-  margin: 0 1rem;
+  gap: 0.5rem;
+  width: 100%;
+  padding-inline: 0.5rem;
 }
 
 .main-page_links_set {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
-  gap: 1rem;
+  gap: 0.5rem;
 }
 
 .main-page_link-card {
@@ -90,7 +90,6 @@ html.dark .main-page_hero-text {
   justify-content: center;
   align-items: center;
   width: 100%;
-  min-width: 15rem;
   height: 3.67rem;
   border-radius: 9px;
   overflow: hidden;
@@ -181,8 +180,10 @@ html.dark .main-page_link-card {
   }
 }
 
-@media (min-width: 86rem) {
+@media (min-width: 68rem) {
   .main-page_links {
     flex-wrap: nowrap;
+    max-width: 78rem;
+    padding-inline: 1.5rem;
   }
 }