From aad43134705270859a93ccbd5f9c08253436965e Mon Sep 17 00:00:00 2001
From: Nick Mowen <nickmowen213@gmail.com>
Date: Thu, 15 Dec 2022 10:59:30 -0700
Subject: [PATCH] Ui tweaks

---
 web/src/components/CameraControlPanel.jsx | 2 +-
 web/src/routes/Camera.jsx                 | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/src/components/CameraControlPanel.jsx b/web/src/components/CameraControlPanel.jsx
index 13e25f354..3ab37113c 100644
--- a/web/src/components/CameraControlPanel.jsx
+++ b/web/src/components/CameraControlPanel.jsx
@@ -27,7 +27,7 @@ export default function CameraControlPanel({ camera = '' }) {
   }
 
   return (
-    <div data-testid="cameras" className="grid grid-cols-1 3xl:grid-cols-4 md:grid-cols-3 gap-4">
+    <div data-testid="control-panel" className="grid grid-cols-1 3xl:grid-cols-4 md:grid-cols-3 gap-4">
       ptz is enabled with features {ptz.features[0]}
       {ptz.presets && (
         <div>
diff --git a/web/src/routes/Camera.jsx b/web/src/routes/Camera.jsx
index 01cfdcc27..41f7eca50 100644
--- a/web/src/routes/Camera.jsx
+++ b/web/src/routes/Camera.jsx
@@ -191,6 +191,7 @@ export default function Camera({ camera }) {
 
       {cameraConfig?.onvif?.host && (
         <div className="dark:bg-gray-800 shadow-md hover:shadow-lg rounded-lg transition-shadow p-4">
+          <Heading size="sm">Control Panel</Heading>
           <CameraControlPanel camera={camera} />
         </div>
       )}