From f71c5d20755a38d80393200112e35cfa501d76c1 Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@richelsen.net>
Date: Mon, 2 Aug 2021 19:16:20 +0200
Subject: [PATCH] fixed integrations button absolute positioning

---
 pages/availability/troubleshoot.tsx | 15 ++++++++-------
 pages/integrations/index.tsx        |  3 +--
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/pages/availability/troubleshoot.tsx b/pages/availability/troubleshoot.tsx
index 13b40ee782..9ade27ae06 100644
--- a/pages/availability/troubleshoot.tsx
+++ b/pages/availability/troubleshoot.tsx
@@ -50,12 +50,9 @@ export default function Troubleshoot({ user }) {
         <title>Troubleshoot | Calendso</title>
         <link rel="icon" href="/favicon.ico" />
       </Head>
-      <Shell heading="Troubleshoot">
-        <div className="flex mb-8">
-          <p className="text-sm text-neutral-500">
-            Understand why certain times are available and others are blocked.
-          </p>
-        </div>
+      <Shell
+        heading="Troubleshoot"
+        subtitle="Understand why certain times are available and others are blocked.">
         <div className="bg-white max-w-md overflow-hidden shadow rounded-sm">
           <div className="px-4 py-5 sm:p-6">
             Here is an overview of your day on {selectedDate.format("D MMMM YYYY")}:
@@ -83,7 +80,11 @@ export default function Troubleshoot({ user }) {
                   </div>
                 </div>
               ))}
-              {availability.length === 0 && <div className="loader"><span className="loader-inner"></span></div>}
+              {availability.length === 0 && (
+                <div className="loader">
+                  <span className="loader-inner"></span>
+                </div>
+              )}
               <div className="bg-black overflow-hidden rounded-sm">
                 <div className="px-4 sm:px-6 py-2 text-white">
                   Your day ends at {convertMinsToHrsMins(user.endTime)}
diff --git a/pages/integrations/index.tsx b/pages/integrations/index.tsx
index ae8c5457f7..fb3d84e2fe 100644
--- a/pages/integrations/index.tsx
+++ b/pages/integrations/index.tsx
@@ -104,12 +104,11 @@ export default function Home({ integrations }) {
       <Shell
         heading="Integrations"
         subtitle="Connect your favourite apps."
-        noPaddingBottom
         CTA={
           <button
             onClick={toggleAddModal}
             type="button"
-            className="absolute top-8 right-8 flex justify-center py-2 px-4 border border-transparent rounded-sm shadow-sm text-sm font-medium text-white bg-neutral-900 hover:bg-neutral-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-900">
+            className="flex justify-center py-2 px-4 border border-transparent rounded-sm shadow-sm text-sm font-medium text-white bg-neutral-900 hover:bg-neutral-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-neutral-900">
             <PlusIcon className="w-5 h-5 mr-1" />
             Add new integration
           </button>