From 97d4b2f5e4605a54ebf4aa22fc509e8c2871ce65 Mon Sep 17 00:00:00 2001
From: Dan Gowans <d.gowans@cityssm.on.ca>
Date: Tue, 17 Jan 2023 12:30:55 -0500
Subject: [PATCH] milestone options tooltip

---
 views/workOrder-edit.ejs | 26 ++++++++++++-------------
 views/workOrder-view.ejs | 42 ++++++++++++++++++++--------------------
 2 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/views/workOrder-edit.ejs b/views/workOrder-edit.ejs
index 4ee6aa4a..d34f9d33 100644
--- a/views/workOrder-edit.ejs
+++ b/views/workOrder-edit.ejs
@@ -294,25 +294,25 @@
                         </div>
                         <div class="level-right">
                             <div class="level-item">
-                                <button class="button is-small is-success" id="button--addMilestone" type="button">
-                                    <span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>
-                                    <span>Add Milestone</span>
-                                </button>
+                              <button class="button is-small is-success" id="button--addMilestone" type="button">
+                                <span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>
+                                <span>Add Milestone</span>
+                              </button>
                             </div>
                             <div class="level-item">
                                 <div class="dropdown is-right has-text-weight-normal">
                                     <div class="dropdown-trigger">
-                                        <button class="button is-small" type="button" aria-label="Options">
-                                            <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                                        </button>
+                                      <button class="button is-small has-tooltip-left" data-tooltip="Milestone Options" type="button" aria-label="Options">
+                                        <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                                      </button>
                                     </div>
                                     <div class="dropdown-menu">
-                                        <div class="dropdown-content">
-                                            <a class="dropdown-item" href="<%= urlPrefix %>/api/<%= user.userProperties.apiKey %>/milestoneICS/?workOrderId=<%= workOrder.workOrderId %>">
-                                                <span class="icon is-small"><i class="fas fa-calendar" aria-hidden="true"></i></span>
-                                                <span>Download iCalendar</span>
-                                            </a>
-                                        </div>
+                                      <div class="dropdown-content">
+                                          <a class="dropdown-item" href="<%= urlPrefix %>/api/<%= user.userProperties.apiKey %>/milestoneICS/?workOrderId=<%= workOrder.workOrderId %>">
+                                            <span class="icon is-small"><i class="fas fa-calendar" aria-hidden="true"></i></span>
+                                            <span>Download iCalendar</span>
+                                          </a>
+                                      </div>
                                     </div>
                                 </div>
                             </div>
diff --git a/views/workOrder-view.ejs b/views/workOrder-view.ejs
index a7eece51..002c2eea 100644
--- a/views/workOrder-view.ejs
+++ b/views/workOrder-view.ejs
@@ -289,30 +289,30 @@
             <div class="panel">
                 <div class="panel-heading">
                     <div class="level is-mobile">
-                        <div class="level-left">
-                            <div class="level-item">
-                                <h2 class="title is-5 has-text-weight-bold">Milestones</h2>
-                            </div>
+                      <div class="level-left">
+                        <div class="level-item">
+                          <h2 class="title is-5 has-text-weight-bold">Milestones</h2>
                         </div>
-                        <div class="level-right">
-                            <div class="level-item">
-                                <div class="dropdown is-right has-text-weight-normal">
-                                    <div class="dropdown-trigger">
-                                        <button class="button is-small" type="button" aria-label="Options">
-                                            <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
-                                        </button>
-                                    </div>
-                                    <div class="dropdown-menu">
-                                        <div class="dropdown-content">
-                                            <a class="dropdown-item" href="<%= urlPrefix %>/api/<%= user.userProperties.apiKey %>/milestoneICS/?workOrderId=<%= workOrder.workOrderId %>">
-                                                <span class="icon is-small"><i class="fas fa-calendar" aria-hidden="true"></i></span>
-                                                <span>Download iCalendar</span>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
+                      </div>
+                      <div class="level-right">
+                        <div class="level-item">
+                          <div class="dropdown is-right has-text-weight-normal">
+                            <div class="dropdown-trigger">
+                              <button class="button is-small has-tooltip-left" type="button" data-tooltip="Milestone Options" aria-label="Options">
+                                <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+                              </button>
                             </div>
+                            <div class="dropdown-menu">
+                              <div class="dropdown-content">
+                                <a class="dropdown-item" href="<%= urlPrefix %>/api/<%= user.userProperties.apiKey %>/milestoneICS/?workOrderId=<%= workOrder.workOrderId %>">
+                                  <span class="icon is-small"><i class="fas fa-calendar" aria-hidden="true"></i></span>
+                                  <span>Download iCalendar</span>
+                                </a>
+                              </div>
+                            </div>
+                          </div>
                         </div>
+                      </div>
                     </div>
                 </div>
                 <% for (const milestone of workOrder.workOrderMilestones) { %>