From 57f7920240dcadbb54f8c0ca21ecfe7d49cb5fae Mon Sep 17 00:00:00 2001
From: Jack Harper <jack.harper@stfc.ac.uk>
Date: Fri, 8 Nov 2024 09:05:30 +0000
Subject: [PATCH] align the top text to be in the center on mobile as well as
 desktop

---
 app/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/page.tsx b/app/page.tsx
index e1cf1da..77ef66f 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -15,7 +15,7 @@ export default function Home() {
     >
       <section className=" rounded-xl  p-2 md:p-12 ">
         <div className="px-12 mx-auto">
-          <div className="w-full mx-auto text-left md:w-11/12 xl:w-9/12 md:text-center">
+          <div className="w-full  mx-auto md:w-11/12 xl:w-9/12 text-center">
             <div className="mb-8 flex flex-col text-4xl font-extrabold leading-none tracking-normal text-gray-900 dark:text-white md:text-6xl md:tracking-tight">
               <h1>Experiment Controls</h1>{" "}
               <h1 className="block w-full mt-2 py-2 text-transparent bg-clip-text leading-12 bg-gradient-to-r from-green-400 to-purple-500 lg:inline">