From b16f96c74b48afe78f52f0c285bba482586f0ab4 Mon Sep 17 00:00:00 2001
From: Dan Gowans <dangowans@users.noreply.github.com>
Date: Fri, 21 Mar 2025 11:07:59 -0400
Subject: [PATCH] development

- fix close work order button contrast
- fix work order menu alignment
---
 views/_menu-workOrders.ejs | 24 ++++++++++++++++++------
 views/workOrder-edit.ejs   |  2 +-
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/views/_menu-workOrders.ejs b/views/_menu-workOrders.ejs
index 538af9e5..3896c724 100644
--- a/views/_menu-workOrders.ejs
+++ b/views/_menu-workOrders.ejs
@@ -7,8 +7,12 @@
       <a class="<%= (headTitle === "Work Order Search" ? "is-active" : "") %>"
         href="<%= urlPrefix %>/workOrders"
         aria-label="Work Order Search">
-        <span class="icon"><i class="fas fa-fw fa-hard-hat" aria-hidden="true"></i></span>
-        <span class="is-hidden-touch">Work Order Search</span>
+        <div class="columns is-mobile is-1">
+          <div class="column is-narrow">
+            <span class="icon"><i class="fas fa-fw fa-search" aria-hidden="true"></i></span>
+          </div>
+          <div class="column is-hidden-touch">Work Order Search</div>
+        </div>
       </a>
     </li>
   </ul>
@@ -20,16 +24,24 @@
       <a class="<%= (headTitle.endsWith("Milestone Calendar") ? "is-active" : "") %>"
         href="<%= urlPrefix %>/workOrders/milestoneCalendar"
         aria-label="Milestone Calendar">
-        <span class="icon"><i class="fas fa-fw fa-calendar" aria-hidden="true"></i></span>
-        <span class="is-hidden-touch">Milestone Calendar</span>
+        <div class="columns is-mobile is-1">
+          <div class="column is-narrow">
+            <span class="icon"><i class="fas fa-fw fa-calendar" aria-hidden="true"></i></span>
+          </div>
+          <div class="column is-hidden-touch">Milestone Calendar</div>
+        </div>
       </a>
     </li>
     <li>
       <a class="<%= (headTitle.endsWith("Outlook Integration") ? "is-active" : "") %>"
         href="<%= urlPrefix %>/workOrders/outlook"
         aria-label="Outlook Integration">
-        <span class="icon"><i class="fas fa-fw fa-envelope-open-text" aria-hidden="true"></i></span>
-        <span class="is-hidden-touch">Outlook Integration</span>
+        <div class="columns is-mobile is-1">
+          <div class="column is-narrow">
+            <span class="icon"><i class="fas fa-fw fa-envelope-open-text" aria-hidden="true"></i></span>
+          </div>
+          <div class="column is-hidden-touch">Outlook Integration</div>
+        </div>
       </a>
     </li>
   </ul>
diff --git a/views/workOrder-edit.ejs b/views/workOrder-edit.ejs
index c83b7975..90b1ee4a 100644
--- a/views/workOrder-edit.ejs
+++ b/views/workOrder-edit.ejs
@@ -202,7 +202,7 @@
                     <input class="input" id="workOrderEdit--workOrderCloseDateString" name="workOrderCloseDateString" type="date" value="<%= workOrder.workOrderCloseDateString %>" disabled readonly />
                   </div>
                   <div class="control">
-                    <button class="button is-light is-success is-outlined" id="button--closeWorkOrder" type="button">
+                    <button class="button is-light is-success" id="button--closeWorkOrder" type="button">
                       <span class="icon is-small"><i class="fas fa-stop-circle" aria-hidden="true"></i></span>
                       <span>
                         Close