From 4b6a3b22ed6cbb4e4d5fc6232e6ab7c4073efb22 Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Mon, 1 Apr 2024 14:00:58 -0600
Subject: [PATCH] Use flex wrap on mobile so the ptz icons are not cutoff

---
 web/src/views/live/LiveCameraView.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/views/live/LiveCameraView.tsx b/web/src/views/live/LiveCameraView.tsx
index 668d850f5..41434b236 100644
--- a/web/src/views/live/LiveCameraView.tsx
+++ b/web/src/views/live/LiveCameraView.tsx
@@ -365,7 +365,7 @@ function PtzControlPanel({
   );
 
   return (
-    <div className="absolute left-[50%] -translate-x-[50%] bottom-[10%] flex items-center gap-1">
+    <div className="absolute inset-x-2 md:left-[50%] md:-translate-x-[50%] bottom-[10%] flex flex-wrap md:flex-nowrap justify-center items-center gap-1">
       {ptz?.features?.includes("pt") && (
         <>
           <Button