From af4f6f6f16ef624bf1a6d47e066698e3cfe76195 Mon Sep 17 00:00:00 2001
From: matt <matt@fiddaman.net>
Date: Mon, 25 Jul 2022 03:14:59 +0000
Subject: [PATCH] Style cleanup

---
 public/index.html  | 10 +++++-----
 public/index.js    |  1 +
 public/single.html |  4 ++--
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/public/index.html b/public/index.html
index 289c8e4..b2eabc3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -22,11 +22,11 @@
 		</a>
 	</header>
 
-	<div id='container' class='min-h-screen z-0 p-8 pt-20 bg-gray-100'>
+	<div id='container' class='min-h-screen z-0 p-8 pt-16 bg-gray-100'>
 	</div>
 
 	<template id='events-container'>
-		<div class='my-8'>
+		<div class='my-4'>
 			<h2 class='events-container-title text-2xl mb-4'></h2>
 			<div class='grid md:grid-cols-3 lg:grid-cols-4 grid-cols-1 gap-4'>
 			</div>
@@ -34,17 +34,17 @@
 	</template>
 
 	<template id='event-card'>
-		<div class='shadow-xl rounded-md text-center p-4 bg-white relative'>
+		<div class='drop-shadow-md rounded-md text-center p-4 bg-white relative'>
 			<h3 class='event-name text-2xl'></h3>
 
 			<span class='event-type py-0.5 px-3 rounded my-2 inline-block'></span>
 
-			<div class='event-date text-red-600 text-l'>
+			<div class='event-date text-l'>
 				<span class='event-start'></span>
 				<span class='event-time-seperator hidden'> - </span>
 				<span class='event-end'></span>
 			</div>
-			<div class='event-time text-red-600 text-l'>
+			<div class='event-time text-l'>
 				<span class='event-start'></span>
 				<span class='event-time-seperator hidden'> - </span>
 				<span class='event-end'></span>
diff --git a/public/index.js b/public/index.js
index df8b6f7..108d52d 100644
--- a/public/index.js
+++ b/public/index.js
@@ -6,6 +6,7 @@ const mainContainer = document.getElementById('container');
 async function main() {
 	const query = {
 		sort: 'start',
+		limit: 50
 	};
 
 	const stringifiedQuery = Qs.stringify({
diff --git a/public/single.html b/public/single.html
index cf47345..8104d5a 100644
--- a/public/single.html
+++ b/public/single.html
@@ -23,8 +23,8 @@
 	</header>
 
 	<div id='container' class='min-h-screen z-0 p-8 pt-20 bg-gray-100'>
-		<div id='event' class='shadow-xl rounded-md p-4 bg-white relative'>
-			<div class='flex gap-4 items-center'>
+		<div id='event' class='drop-shadow-md rounded-md p-4 bg-white relative'>
+			<div class='flex gap-4 items-center flex-wrap'>
 				<h2 class='event-name text-3xl'></h2>
 				<span class='event-type py-0.5 px-3 rounded my-2 inline-block'></span>
 			</div>