docs: Update HTML sample in Styling.md

Author: claremacrae

docs/Advanced/Styling.md

@@ -97,22 +97,31 @@ To help visualise the structure above, here is the HTML for a sample task shown
     <span class="task-priority" data-task-priority="medium"><span>🔼</span></span>
     <span class="task-recurring"><span>🔁 every day when done</span></span>
     <span class="task-onCompletion"><span>🏁 delete</span></span>
-    <span class="task-created" data-task-created="past-4d" title="Right-click to edit created date">
+    <span
+      class="task-created"
+      data-task-created="past-4d"
+      title="Click to edit created date, Right-click for more options">
       <span>➕ 2023-07-01</span>
     </span>
-    <span class="task-start" data-task-start="past-3d" title="Right-click to edit start date">
+    <span class="task-start" data-task-start="past-3d" title="Click to edit start date, Right-click for more options">
       <span>🛫 2023-07-02</span>
     </span>
-    <span class="task-scheduled" data-task-scheduled="past-2d" title="Right-click to edit scheduled date">
+    <span
+      class="task-scheduled"
+      data-task-scheduled="past-2d"
+      title="Click to edit scheduled date, Right-click for more options">
       <span>⏳ 2023-07-03</span>
     </span>
-    <span class="task-due" data-task-due="past-1d" title="Right-click to edit due date">
+    <span class="task-due" data-task-due="past-1d" title="Click to edit due date, Right-click for more options">
       <span>📅 2023-07-04</span>
     </span>
-    <span class="task-cancelled" data-task-cancelled="future-1d" title="Right-click to edit cancelled date">
+    <span
+      class="task-cancelled"
+      data-task-cancelled="future-1d"
+      title="Click to edit cancelled date, Right-click for more options">
       <span>❌ 2023-07-06</span>
     </span>
-    <span class="task-done" data-task-done="today" title="Right-click to edit done date">
+    <span class="task-done" data-task-done="today" title="Click to edit done date, Right-click for more options">
       <span>✅ 2023-07-05</span>
     </span>
     <span class="task-block-link"><span>^dcf64c</span></span>
@@ -155,18 +164,33 @@ Here is the same task in [[Layout#Short Mode|short mode]]. The only difference i
     <span class="task-priority" data-task-priority="medium"><span>🔼</span></span>
     <span class="task-recurring"><span>🔁</span></span>
     <span class="task-onCompletion"><span>🏁</span></span>
-    <span class="task-created" data-task-created="past-4d" title="Right-click to edit created date">
+    <span
+      class="task-created"
+      data-task-created="past-4d"
+      title="Click to edit created date, Right-click for more options">
       <span>➕</span>
     </span>
-    <span class="task-start" data-task-start="past-3d" title="Right-click to edit start date"><span>🛫</span></span>
-    <span class="task-scheduled" data-task-scheduled="past-2d" title="Right-click to edit scheduled date">
+    <span class="task-start" data-task-start="past-3d" title="Click to edit start date, Right-click for more options">
+      <span>🛫</span>
+    </span>
+    <span
+      class="task-scheduled"
+      data-task-scheduled="past-2d"
+      title="Click to edit scheduled date, Right-click for more options">
       <span>⏳</span>
     </span>
-    <span class="task-due" data-task-due="past-1d" title="Right-click to edit due date"><span>📅</span></span>
-    <span class="task-cancelled" data-task-cancelled="future-1d" title="Right-click to edit cancelled date">
+    <span class="task-due" data-task-due="past-1d" title="Click to edit due date, Right-click for more options">
+      <span>📅</span>
+    </span>
+    <span
+      class="task-cancelled"
+      data-task-cancelled="future-1d"
+      title="Click to edit cancelled date, Right-click for more options">
       <span>❌</span>
     </span>
-    <span class="task-done" data-task-done="today" title="Right-click to edit done date"><span>✅</span></span>
+    <span class="task-done" data-task-done="today" title="Click to edit done date, Right-click for more options">
+      <span>✅</span>
+    </span>
     <span class="task-block-link"><span>^dcf64c</span></span>
   </span>
 </li>