From e718d09c7942a4304cd13e56f432de9cb9e5738a Mon Sep 17 00:00:00 2001
From: Nicolas Mowen <nickmowen213@gmail.com>
Date: Sun, 13 Nov 2022 11:49:08 -0700
Subject: [PATCH] Fix new lines for instructions (#4371)

* Fix new lines for instructions

* Use correct formatting for list

* Fix formatting
---
 web/src/routes/CameraMap.jsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/web/src/routes/CameraMap.jsx b/web/src/routes/CameraMap.jsx
index 9ac3013c2..27cf07287 100644
--- a/web/src/routes/CameraMap.jsx
+++ b/web/src/routes/CameraMap.jsx
@@ -202,12 +202,14 @@ ${Object.keys(objectMaskPoints)
 
       <Card
         content={
-          <p>
-            This tool can help you create masks & zones for your {camera} camera.
-            • Click to add a point.
-            • Click and hold on an existing point to move it.
-            • Right-Click on an existing point to delete it.
-          </p>
+          <div>
+            <p>This tool can help you create masks & zones for your {camera} camera.</p>
+            <ul>
+              <li>Click to add a point.</li>
+              <li>Click and hold on an existing point to move it.</li>
+              <li>Right-Click on an existing point to delete it.</li>
+            </ul>
+          </div>
         }
         header="Instructions"
       />
@@ -215,7 +217,7 @@ ${Object.keys(objectMaskPoints)
       <Card
         content={
           <p>
-            When done, copy each mask configuration into your <code className="font-mono">config.yml</code> file 
+            When done, copy each mask configuration into your <code className="font-mono">config.yml</code> file
             restart your Frigate instance to save your changes.
           </p>
         }