From 9dea34869a1290fa2c5d2e07416143ed9adb8457 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 22 Apr 2025 22:55:20 +0100
Subject: [PATCH] Fix progress nudge not centered

---
 src/components/FrameRenderer/FrameRenderer.astro | 6 +-----
 src/components/FrameRenderer/ProgressNudge.tsx   | 5 ++---
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/FrameRenderer/FrameRenderer.astro b/src/components/FrameRenderer/FrameRenderer.astro
index d76411d3c..a4551fa77 100644
--- a/src/components/FrameRenderer/FrameRenderer.astro
+++ b/src/components/FrameRenderer/FrameRenderer.astro
@@ -30,10 +30,6 @@ const { resourceId, resourceType, dimensions = null } = Astro.props;
   </div>
 </div>
 
-<ProgressNudge
-  resourceId={resourceId}
-  resourceType={resourceType}
-  client:only='react'
-/>
+<ProgressNudge resourceId={resourceId} resourceType={resourceType} />
 
 <script src='./renderer.ts'></script>
diff --git a/src/components/FrameRenderer/ProgressNudge.tsx b/src/components/FrameRenderer/ProgressNudge.tsx
index cc19fefaa..9f3748faa 100644
--- a/src/components/FrameRenderer/ProgressNudge.tsx
+++ b/src/components/FrameRenderer/ProgressNudge.tsx
@@ -1,8 +1,7 @@
 import { cn } from '../../lib/classname.ts';
 import { roadmapProgress, totalRoadmapNodes } from '../../stores/roadmap.ts';
 import { useStore } from '@nanostores/react';
-import { Calendar, Info, X } from 'lucide-react';
-import { Tooltip } from '../Tooltip.tsx';
+import { Calendar, X } from 'lucide-react';
 import { useState } from 'react';
 import { ScheduleEventModal } from '../Schedule/ScheduleEventModal.tsx';
 
@@ -42,7 +41,7 @@ export function ProgressNudge(props: ProgressNudgeProps) {
       )}
       <div
         className={
-          'fixed bottom-5 left-1/2 z-30 hidden -translate-x-1/2 transform animate-fade-slide-up flex-row gap-1.5 transition-all duration-300 lg:flex'
+          'fixed bottom-5 left-1/2 -translate-x-1/4 z-30 hidden transform animate-fade-slide-up flex-row gap-1.5 transition-all duration-300 lg:flex'
         }
       >
         <div