From cc3412edecf8d7c3d70f839ac524318d5ffc0e4c Mon Sep 17 00:00:00 2001
From: Oskari Rautiainen <oskari.rautiainen@gmail.com>
Date: Mon, 16 Oct 2023 08:47:11 -0700
Subject: [PATCH] Make editor more responsive

---
 demo/src/app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/demo/src/app/page.tsx b/demo/src/app/page.tsx
index bc05f4a..c5d8df1 100644
--- a/demo/src/app/page.tsx
+++ b/demo/src/app/page.tsx
@@ -10,7 +10,7 @@ export default function Home() {
       <Header />
       <Separator className="" />
       <main className="flex flex-col items-center justify-between pr-4 pl-4 max-w-6xl m-auto">
-        <section className="m-16 text-center ">
+        <section className="md:m-16 m-6 text-center ">
           <h1 className="text-2xl">
             Generate a cron schedule from natural text.
           </h1>
@@ -32,7 +32,7 @@ export default function Home() {
             Github issues.
           </Link>
         </p>
-        <div className="m-auto mt-16">
+        <div className="m-auto mt-8 md:mt-16">
           <Separator className="mb-4" />
           <h2 className="text-xl text-neutral-300 text-center mb-6">
             What is Cron?