From 429fe03544a62ec267c253f8f7e5a16f56f578ca Mon Sep 17 00:00:00 2001
From: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Date: Tue, 30 May 2023 19:45:04 +0200
Subject: [PATCH] Move open in colab in code block

---
 .../components/Sections/TimedTabsSection.tsx    | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/apps/www/components/Sections/TimedTabsSection.tsx b/apps/www/components/Sections/TimedTabsSection.tsx
index 15e5829dd99..6864e52b32f 100644
--- a/apps/www/components/Sections/TimedTabsSection.tsx
+++ b/apps/www/components/Sections/TimedTabsSection.tsx
@@ -145,10 +145,6 @@ const TimedTabsSection = ({
           )}
         </div>
         <div className="relative w-full lg:w-1/2 min-h-[300px]">
-          <OpenInColab
-            colabUrl={tabs[activeTab].colabUrl}
-            className="hidden md:flex absolute -top-14 right-0"
-          />
           <Swiper
             // @ts-ignore
             onSwiper={setApiSwiper}
@@ -158,13 +154,18 @@ const TimedTabsSection = ({
             slidesPerView={1}
             speed={300}
             allowTouchMove={false}
-            // autoHeight={true}
           >
             {tabs.map((tab, i) => (
               <SwiperSlide key={i}>
-                <CodeBlock hideCopy key={i} lang="py" size="large" background="#1A1A1A">
-                  {tab.code}
-                </CodeBlock>
+                <>
+                  <OpenInColab
+                    colabUrl={tabs[activeTab].colabUrl}
+                    className="hidden md:flex absolute top-4 right-4"
+                  />
+                  <CodeBlock hideCopy key={i} lang="py" size="large" background="#1A1A1A">
+                    {tab.code}
+                  </CodeBlock>
+                </>
               </SwiperSlide>
             ))}
           </Swiper>