fix: zoom buttons position on mobile

compsci-adl · Oct 3, 2024 · a9d73b7 · a9d73b7
1 parent bb83465
commit a9d73b7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/ZoomButtons.tsx b/src/components/ZoomButtons.tsx
@@ -13,7 +13,7 @@ export const ZoomButtons = () => {
 	const { height, setHeight } = useCalendarHourHeight();
 
 	return (
-		<div className="fixed bottom-8 right-8 z-[100] flex flex-col gap-2">
+		<div className="fixed bottom-8 right-8 z-[100] flex flex-col gap-2 mobile:bottom-3 mobile:right-3">
 			<Tooltip content={t('zoom.zoom-in')} placement="left">
 				<Button
 					onClick={() => setHeight((h) => h + 0.5)}