fix inconsistencies

Author: ImShyMike

frontend/src/lib/components/SideBar.svelte

@@ -152,7 +152,7 @@
 				</div>
 			{/if}
 		</div>
-		<div class="flex flex-col justify-between transition-all duration-300">
+		<div class="flex flex-col justify-between transition-all duration-300 mt-14 md:mt-0">
 			<nav class="space-y-2 flex flex-col transition-all duration-300">
 				<a
 					href={resolve('/')}
@@ -241,7 +241,7 @@
 
 			{#if buttonMode}
 				<button
-					class="absolute top-4 right-4 cursor-pointer rounded-md items-center inline-flex hover:text-blue"
+					class="absolute top-5 right-5 cursor-pointer rounded-md items-center inline-flex hover:text-blue"
 					onclick={closeMobileSidebar}
 					aria-label="Close sidebar"
 				>

frontend/src/routes/+page.svelte

@@ -77,7 +77,7 @@
 
 <div class="bg-mantle">
 	<!-- Header -->
-	<header class="text-center mb-4 mt-[10vh]">
+	<header class="text-center mb-4 mt-[5vh] sm:mt-[10vh]">
 		<Logo
 			className="w-32 h-32 mx-auto mb-4 text-ctp-subtext0 dark:text-ctp-lavender-300 drop-shadow-[0_10px_30px_rgba(108,111,133,0.35)] dark:drop-shadow-[0_10px_30px_rgba(198,160,246,0.35)] transition-colors"
 		/>
@@ -88,7 +88,7 @@
 	</header>
 
 	<!-- Main Content -->
-	<div class="rounded-xl p-8 mb-12">
+	<div class="rounded-xl p-8">
 		{#if authState.isAuthenticated && authState.user}
 			<!-- Authenticated User -->
 			<div class="text-center">

frontend/src/routes/admin/+page.svelte

@@ -67,15 +67,15 @@
 
 {#if adminData}
 	<div class="bg-ctp-mantle">
-		<div class="max-w-6xl mx-auto py-6 md:py-12 px-3">
+		<div class="max-w-6xl mx-auto py-4 md:py-12 px-3">
 			<h1
 				class="text-3xl font-bold text-ctp-mauve mb-6 flex items-center gap-2 justify-end text-right md:justify-start md:text-left pr-4 md:pr-0"
 			>
 				Admin Dashboard
 			</h1>
 
 			<!-- System Statistics -->
-			<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
+			<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
 				<div class="bg-ctp-base rounded-xl shadow p-6">
 					<h3 class="text-lg font-semibold text-ctp-text mb-2">Total Users</h3>
 					<p class="text-3xl font-bold text-ctp-blue-600">{adminData.stats.total_users}</p>
@@ -101,7 +101,7 @@
 			</div>
 
 			<!-- Top Lists -->
-			<div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8">
+			<div class="grid grid-cols-1 lg:grid-cols-2 gap-4 mb-4">
 				<!-- Top Languages -->
 				<div class="bg-ctp-base rounded-xl shadow p-6">
 					<h3 class="text-xl font-semibold text-ctp-text mb-4">Top Languages</h3>
@@ -138,7 +138,7 @@
 			</div>
 
 			<!-- Daily Activity Chart -->
-			<div class="bg-ctp-base rounded-xl shadow p-6 mb-8">
+			<div class="bg-ctp-base rounded-xl shadow p-6 mb-4">
 				<h3 class="text-xl font-semibold text-ctp-text mb-4">Daily Activity (Last Week)</h3>
 				{#if adminData.stats.daily_activity.length > 0}
 					<div id="activity-chart" class="w-full h-64"></div>

frontend/src/routes/dashboard/+page.svelte

@@ -146,7 +146,7 @@ api_key = ${dashboardData.api_key}`;
 
 {#if dashboardData}
 	<div class="bg-ctp-mantle">
-		<div class="max-w-6xl mx-auto py-6 md:py-12 px-3">
+		<div class="max-w-6xl mx-auto py-4 md:py-12 px-3">
 			<h1
 				class="text-3xl font-bold text-ctp-mauve mb-6 flex items-center gap-2 justify-end text-right md:justify-start md:text-left pr-4 md:pr-0"
 			>
@@ -203,7 +203,7 @@ api_key = ${dashboardData.api_key}`;
 			</div>
 
 			<!-- Dashboard Statistics -->
-			<div class="bg-ctp-base rounded-xl shadow p-6 mb-4">
+			<div class="bg-ctp-base rounded-xl shadow p-4 mb-4">
 				<h2 class="text-xl font-semibold text-ctp-text mb-3">Dashboard Statistics</h2>
 				{#if dashboardData.projects.length || dashboardData.languages.length || dashboardData.editors.length || dashboardData.operating_systems.length}
 					<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
@@ -254,7 +254,7 @@ api_key = ${dashboardData.api_key}`;
 			</div>
 
 			<!-- Setup stuff -->
-			<div class="bg-ctp-base rounded-xl shadow p-6 mb-4">
+			<div class="bg-ctp-base rounded-xl shadow p-4">
 				<h2 class="text-xl font-semibold text-ctp-text mb-3">Setup</h2>
 				<div class="space-y-4">
 					<div>