Padding fixes and slight tweaks to icons etc

5 files changed, 15 insertions, 11 deletions

diff --git a/apps/website/src/components/icons/Icon.astro b/apps/website/src/components/icons/Icon.astro
index 7353c7d..b7442ab 100644
--- a/apps/website/src/components/icons/Icon.astro
+++ b/apps/website/src/components/icons/Icon.astro
@@ -29,6 +29,7 @@ type _Icons =
 	| 'link-external'
 	| 'code'
 	| 'chat'
+	| 'user'
 	| External
 	| ModIcons;
 export type Icons = _Icons; // bypass for Astro compiler issue https://github.com/withastro/compiler/issues/554#issuecomment-1741702411
diff --git a/apps/website/src/components/icons/impl/user.svg b/apps/website/src/components/icons/impl/user.svg
new file mode 100644
index 0000000..9135b9f
--- /dev/null
+++ b/apps/website/src/components/icons/impl/user.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+	<path d="M20 21C20 19.6044 20 18.9067 19.8278 18.3389C19.44 17.0605 18.4395 16.06 17.1611 15.6722C16.5933 15.5 15.8956 15.5 14.5 15.5H9.5C8.10444 15.5 7.40665 15.5 6.83886 15.6722C5.56045 16.06 4.56004 17.0605 4.17224 18.3389C4 18.9067 4 19.6044 4 21M16.5 7.5C16.5 9.98528 14.4853 12 12 12C9.51472 12 7.5 9.98528 7.5 7.5C7.5 5.01472 9.51472 3 12 3C14.4853 3 16.5 5.01472 16.5 7.5Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/apps/website/src/pages/index.astro b/apps/website/src/pages/index.astro
index 200867d..c078345 100644
--- a/apps/website/src/pages/index.astro
+++ b/apps/website/src/pages/index.astro
@@ -107,19 +107,19 @@ import Layout from '@layouts/Layout.astro';
 					We're a group of passionate, self-driven designers, developers, and modders creating mods and libraries for the Minecraft community.
 				</Paragraph>
 				<div class="mt-3 flex flex-row gap-y-6 gap-x-8 text-base font-semibold leading-7 text-gray-600 lg:gap-x-10">
-					<Button style="secondary" size="sm" iconLeft="link-external">Meet the team</Button>
+					<Button style="secondary" size="sm" iconLeft="user">Meet the team</Button>
 				</div>
 			</div>
 		</div>
 		<div class="flex justify-start md:justify-end mb-20 lg:-mr-10">
-			<div class="flex flex-col">
+			<div class="flex flex-col text-right">
 				<Header class="text-5xl font-bold tracking-tight text-navy-peony mt-8">
 					Our commitment
 				</Header>
 				<Paragraph class="mt-3 text-md leading-8 text-navy-peony">
 					Above all, we're committed to bringing quality, open sourced tools built <br> around usability, accessibility to the greater modding community.
 				</Paragraph>
-				<div class="flex flex-row justify-start items-start mt-3 gap-y-6 text-base font-semibold leading-7 text-brand-600 gap-x-4">
+				<div class="flex flex-row justify-end items-end mt-3 gap-y-6 text-base font-semibold leading-7 text-brand-600 gap-x-4">
 					<Button iconLeft="book-open" size="sm" href="/oss">Why open source?</Button>
 					<Button iconLeft="github" style="secondary" size="sm" href={configConst.socials.github}>GitHub</Button>
 				</div>
diff --git a/apps/website/src/pages/mods.astro b/apps/website/src/pages/mods.astro
index a0286ee..75ff2cb 100644
--- a/apps/website/src/pages/mods.astro
+++ b/apps/website/src/pages/mods.astro
@@ -15,9 +15,9 @@ const modrinthId = configConst.socials.modrinthId;
 <Layout>
 	<Section maxWidth="1920px" wFull={true} wrapperClass="h-3/5" class="h-full mt-32 md:mt-28 flex flex-col justify-center items-center max-xl:px-0">
 		<div class="flex flex-col justify-center items-center max-w-full overflow-hidden">
-			<div class="flex flex-col justify-between items-center overflow-hidden h-auto lg:h-[280px] max-w-[1920px] relative">
+			<div class="flex flex-col justify-between items-center overflow-hidden h-auto lg:h-[290px] max-w-[1920px] relative">
 				<div class="absolute -bottom-[1px] w-full h-full lg:h-1/2 z-10" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(240, 242, 244));"/>
-				<Slider wrapperClass="-mb-40 pb-4 hidden lg:block" childrenNum={8}>
+				<Slider wrapperClass="-mb-40 mb-2 hidden lg:block" childrenNum={8}>
 					<Card text="Chatting" icon="chatting"/>
 					<Card text="PolySprint" icon="polysprint"/>
 					<Card text="VanillaHUD" icon="vanillahud"/>
@@ -131,7 +131,7 @@ const modrinthId = configConst.socials.modrinthId;
 	</Section>
 
 	<Section wrapperClass="flex justify-center items-center min-h-screen -mt-40" class="flex-col justify-center items-center">
-		<div class="flex flex-col gap-y-1 relative md:-left-12 justify-center items-center">
+		<div class="flex flex-col gap-y-1 relative justify-center items-center">
 			<Header size="xl" class="text-navy-peony text-header-page w-11/12 md:max-w-lg text-center">Get our mods, available on Modrinth and GitHub.</Header>
 			<div class="flex flex-row justify-center items-center gap-x-2">
 				<Button style="primary" iconLeft="link-external" href={`https://modrinth.com/user/${configConst.socials.modrinthId}`}>Modrinth</Button>
diff --git a/apps/website/src/pages/projects/oneconfig.astro b/apps/website/src/pages/projects/oneconfig.astro
index a712d18..c67a4fd 100644
--- a/apps/website/src/pages/projects/oneconfig.astro
+++ b/apps/website/src/pages/projects/oneconfig.astro
@@ -38,8 +38,8 @@ import { Code } from 'astro:components';
 	</Section>
 
 	<Section tabindex="0" colReverse={false}>
-		<div slot="left" class="w-1/2 max-w-80 md:max-w-none  md:w-auto flex justify-center">
-			<img class="w-full md:w-[20rem]" src="/media/oneconfig/page_media_2.svg" alt="stuff"/>
+		<div slot="left" class="flex justify-center">
+			<img class="max-sm:w-full w-64" src="/media/oneconfig/page_media_2.svg" alt="stuff"/>
 		</div>
 
 		<div slot="right">
@@ -134,9 +134,9 @@ import { Code } from 'astro:components';
 				<Button iconLeft="link-external" style="ghost" text="Download a modpack"/>
 			</div>
 		</div>
-		<div class="flex flex-col justify-center items-center bg-blue-100 pb-10 max-w-full overflow-hidden">
-			<div class="flex flex-col justify-between items-center overflow-hidden h-[280px] max-w-[1920px]">
-				<Slider wrapperClass="-mb-40 pb-4 bg-blue-100" childrenNum={8}>
+		<div class="flex flex-col justify-center items-center bg-blue-100 pb-10 max-w-full overflow-x-hidden">
+			<div class="flex flex-col justify-between items-center overflow-x-hidden h-[290px] max-w-[1920px]">
+				<Slider wrapperClass="-mb-40 mb-2 bg-blue-100" childrenNum={8}>
 					<Card text="Chatting" icon="chatting"/>
 					<Card text="PolySprint" icon="polysprint"/>
 					<Card text="VanillaHUD" icon="vanillahud"/>