From a71c11c5e44037ce77f14b96fcd64853c3047a0f Mon Sep 17 00:00:00 2001
From: Dan Gowans <dangowans@users.noreply.github.com>
Date: Thu, 20 Mar 2025 15:28:19 -0400
Subject: [PATCH] fix hard to read button

---
 views/burialSite-edit.ejs  | 266 ++++++++++++++++++-------------------
 views/cemetery-edit.ejs    |   2 +-
 views/contract-edit.ejs    |   2 +-
 views/funeralHome-edit.ejs |   2 +-
 views/workOrder-edit.ejs   |   2 +-
 5 files changed, 137 insertions(+), 137 deletions(-)

diff --git a/views/burialSite-edit.ejs b/views/burialSite-edit.ejs
index 5eb14373..6cd4bb50 100644
--- a/views/burialSite-edit.ejs
+++ b/views/burialSite-edit.ejs
@@ -47,7 +47,7 @@
   <div class="level-right">
     <% if (isCreate) { %>
       <div class="level-item">
-        <a class="button is-danger is-outlined" href="<%= urlPrefix %>/burialSites">
+        <a class="button is-danger is-light" href="<%= urlPrefix %>/burialSites">
           Cancel
         </a>
       </div>
@@ -187,148 +187,148 @@
           </div>
         </div>
         <div class="column">
-            <label class="label" for="burialSite--burialSiteTypeId">
-              Burial Site Type
-            </label>
-            <div class="field has-addons">
-              <div class="control is-expanded">
-                <div class="select is-fullwidth">
-                  <select 
-                    <% if (!isCreate) { %>
-                        class="is-readonly" 
-                    <% } %>
-                    id="burialSite--burialSiteTypeId" name="burialSiteTypeId" required>
-                    <% if (isCreate) { %>
-                      <option value="">(No Type)</option>
-                    <% } %>
-                    <% let typeIsFound = false; %>
-                    <% for (const burialSiteType of burialSiteTypes) { %>
-                      <% 
-                        if (burialSite.burialSiteTypeId === burialSiteType.burialSiteTypeId) {
-                          typeIsFound = true;
-                        }
-                      %>
-                      <option value="<%= burialSiteType.burialSiteTypeId %>"
-                        <%= (burialSite.burialSiteTypeId === burialSiteType.burialSiteTypeId ? " selected" : "") %>
-                        <%= (!isCreate && burialSite.burialSiteTypeId !== burialSiteType.burialSiteTypeId ? " disabled" : "") %>>
-                        <%= burialSiteType.burialSiteType %>
-                      </option>
-                    <% } %>
-                    <% if (burialSite.burialSiteTypeId && !typeIsFound) { %>
-                      <option value="<%= burialSite.burialSiteTypeId %>" selected>
-                        <%= burialSite.burialSiteType %>
-                      </option>
-                    <% } %>
-                  </select>
-                </div>
-              </div>
-              <div class="control">
-                <button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field">
-                  <span class="icon"><i class="fas fa-unlock" aria-hidden="true"></i></span>
-                </button>
+          <label class="label" for="burialSite--burialSiteTypeId">
+            Burial Site Type
+          </label>
+          <div class="field has-addons">
+            <div class="control is-expanded">
+              <div class="select is-fullwidth">
+                <select 
+                  <% if (!isCreate) { %>
+                      class="is-readonly" 
+                  <% } %>
+                  id="burialSite--burialSiteTypeId" name="burialSiteTypeId" required>
+                  <% if (isCreate) { %>
+                    <option value="">(No Type)</option>
+                  <% } %>
+                  <% let typeIsFound = false; %>
+                  <% for (const burialSiteType of burialSiteTypes) { %>
+                    <% 
+                      if (burialSite.burialSiteTypeId === burialSiteType.burialSiteTypeId) {
+                        typeIsFound = true;
+                      }
+                    %>
+                    <option value="<%= burialSiteType.burialSiteTypeId %>"
+                      <%= (burialSite.burialSiteTypeId === burialSiteType.burialSiteTypeId ? " selected" : "") %>
+                      <%= (!isCreate && burialSite.burialSiteTypeId !== burialSiteType.burialSiteTypeId ? " disabled" : "") %>>
+                      <%= burialSiteType.burialSiteType %>
+                    </option>
+                  <% } %>
+                  <% if (burialSite.burialSiteTypeId && !typeIsFound) { %>
+                    <option value="<%= burialSite.burialSiteTypeId %>" selected>
+                      <%= burialSite.burialSiteType %>
+                    </option>
+                  <% } %>
+                </select>
               </div>
             </div>
-            <label class="label" for="burialSite--burialSiteStatusId">
-              Burial Site Status
-            </label>
-            <div class="field">
-              <div class="control">
-                <div class="select is-fullwidth">
-                  <select id="burialSite--burialSiteStatusId" name="burialSiteStatusId">
-                    <option value="">(No Status)</option>
-                    <% let statusIsFound = false; %>
-                    <% for (const burialSiteStatus of burialSiteStatuses) { %>
-                      <% 
-                        if (burialSite.burialSiteStatusId === burialSiteStatus.burialSiteStatusId) {
-                          statusIsFound = true;
-                        }
-                      %>
-                      <option value="<%= burialSiteStatus.burialSiteStatusId %>"
-                        <%= (burialSite.burialSiteStatusId === burialSiteStatus.burialSiteStatusId ? " selected" : "") %>>
-                        <%= burialSiteStatus.burialSiteStatus %>
-                      </option>
-                    <% } %>
-                    <% if (burialSite.burialSiteStatusId && !statusIsFound) { %>
-                      <option value="<%= burialSite.burialSiteStatusId %>" selected>
-                        <%= burialSite.burialSiteStatus %>
-                      </option>
-                    <% } %>
-                  </select>
-                </div>
+            <div class="control">
+              <button class="button is-unlock-field-button" data-tooltip="Unlock Field" type="button" aria-label="Unlock Field">
+                <span class="icon"><i class="fas fa-unlock" aria-hidden="true"></i></span>
+              </button>
+            </div>
+          </div>
+          <label class="label" for="burialSite--burialSiteStatusId">
+            Burial Site Status
+          </label>
+          <div class="field">
+            <div class="control">
+              <div class="select is-fullwidth">
+                <select id="burialSite--burialSiteStatusId" name="burialSiteStatusId">
+                  <option value="">(No Status)</option>
+                  <% let statusIsFound = false; %>
+                  <% for (const burialSiteStatus of burialSiteStatuses) { %>
+                    <% 
+                      if (burialSite.burialSiteStatusId === burialSiteStatus.burialSiteStatusId) {
+                        statusIsFound = true;
+                      }
+                    %>
+                    <option value="<%= burialSiteStatus.burialSiteStatusId %>"
+                      <%= (burialSite.burialSiteStatusId === burialSiteStatus.burialSiteStatusId ? " selected" : "") %>>
+                      <%= burialSiteStatus.burialSiteStatus %>
+                    </option>
+                  <% } %>
+                  <% if (burialSite.burialSiteStatusId && !statusIsFound) { %>
+                    <option value="<%= burialSite.burialSiteStatusId %>" selected>
+                      <%= burialSite.burialSiteStatus %>
+                    </option>
+                  <% } %>
+                </select>
               </div>
             </div>
+          </div>
         </div>
         <div class="column">
           <div id="container--burialSiteFields">
-              <% if (isCreate) { %>
-                <div class="message is-info">
-                  <p class="message-body">
-                    Select the burial site type to load the available fields.
-                  </p>
-                </div>
-              <% } else if (burialSite.burialSiteFields.length === 0) { %>
-                <div class="message is-info">
-                  <p class="message-body">
-                    The current burial site type has no additional fields.
-                  </p>
-                </div>
-              <% } else { %>
-                <% let burialSiteTypeFieldIds = ""; %>
-                <% for (const burialSiteField of burialSite.burialSiteFields) { %>
-                  <% burialSiteTypeFieldIds += "," + burialSiteField.burialSiteTypeFieldId; %>
-                  <div class="field">
-                    <label class="label" for="burialSite--fieldValue_<%= burialSiteField.burialSiteTypeFieldId %>">
-                      <%= burialSiteField.burialSiteTypeField %>
-                    </label>
-                    <div class="control">
-                      <% if (burialSiteField.fieldType === 'select' || (burialSiteField.fieldValues ?? '') !== "") { %>
+            <% if (isCreate) { %>
+              <div class="message is-info">
+                <p class="message-body">
+                  Select the burial site type to load the available fields.
+                </p>
+              </div>
+            <% } else if (burialSite.burialSiteFields.length === 0) { %>
+              <div class="message is-info">
+                <p class="message-body">
+                  The current burial site type has no additional fields.
+                </p>
+              </div>
+            <% } else { %>
+              <% let burialSiteTypeFieldIds = ""; %>
+              <% for (const burialSiteField of burialSite.burialSiteFields) { %>
+                <% burialSiteTypeFieldIds += "," + burialSiteField.burialSiteTypeFieldId; %>
+                <div class="field">
+                  <label class="label" for="burialSite--fieldValue_<%= burialSiteField.burialSiteTypeFieldId %>">
+                    <%= burialSiteField.burialSiteTypeField %>
+                  </label>
+                  <div class="control">
+                    <% if (burialSiteField.fieldType === 'select' || (burialSiteField.fieldValues ?? '') !== "") { %>
 
-                        <%
-                          const fieldValues = burialSiteField.fieldValues.split("\n");
-                          let valueFound = false;
-                        %>
-                        <div class="select is-fullwidth">
-                          <select id="burialSite--fieldValue_<%= burialSiteField.burialSiteTypeFieldId %>"
-                            name="fieldValue_<%= burialSiteField.burialSiteTypeFieldId %>">
-                            <% if (!burialSiteField.isRequired || burialSiteField.fieldValue === "") { %>
-                              <option value="">(Not Set)</option>
-                            <% } %>
-                            <% for (const fieldValue of fieldValues) { %>
-                              <% 
-                                if (fieldValue === burialSiteField.fieldValue) {
-                                  valueFound = true;
-                                }
-                              %>
-                              <option value="<%= fieldValue %>"
-                                <%= (fieldValue === burialSiteField.fieldValue ? " selected" : "") %>>
-                                <%= fieldValue %>
-                              </option>
-                            <% } %>
-                            <% if (!valueFound && burialSiteField.fieldValue !== "") { %>
-                              <option value="<%= burialSiteField.fieldValue %>" selected>
-                                <%= burialSiteField.fieldValue %>
-                              </option>
-                            <% } %>
-                          </select>
-                        </div>                                
-                      <% } else { %>
-                        <input class="input"
-                          id="burialSite--fieldValue_<%= burialSiteField.burialSiteTypeFieldId %>"
-                          name="fieldValue_<%= burialSiteField.burialSiteTypeFieldId %>"
-                          type="<%= burialSiteField.fieldType %>"
-                          value="<%= burialSiteField.fieldValue %>"
-                          <% if (burialSiteField.pattern !== "") { %>
-                            pattern="<%= burialSiteField.pattern %>"
+                      <%
+                        const fieldValues = burialSiteField.fieldValues.split("\n");
+                        let valueFound = false;
+                      %>
+                      <div class="select is-fullwidth">
+                        <select id="burialSite--fieldValue_<%= burialSiteField.burialSiteTypeFieldId %>"
+                          name="fieldValue_<%= burialSiteField.burialSiteTypeFieldId %>">
+                          <% if (!burialSiteField.isRequired || burialSiteField.fieldValue === "") { %>
+                            <option value="">(Not Set)</option>
                           <% } %>
-                          minlength="<%= burialSiteField.minLength %>"
-                          maxlength="<%= burialSiteField.maxLength %>"
-                          <%= burialSiteField.isRequired ? " required" : "" %> />
-                      <% } %>
-                    </div>
+                          <% for (const fieldValue of fieldValues) { %>
+                            <% 
+                              if (fieldValue === burialSiteField.fieldValue) {
+                                valueFound = true;
+                              }
+                            %>
+                            <option value="<%= fieldValue %>"
+                              <%= (fieldValue === burialSiteField.fieldValue ? " selected" : "") %>>
+                              <%= fieldValue %>
+                            </option>
+                          <% } %>
+                          <% if (!valueFound && burialSiteField.fieldValue !== "") { %>
+                            <option value="<%= burialSiteField.fieldValue %>" selected>
+                              <%= burialSiteField.fieldValue %>
+                            </option>
+                          <% } %>
+                        </select>
+                      </div>                                
+                    <% } else { %>
+                      <input class="input"
+                        id="burialSite--fieldValue_<%= burialSiteField.burialSiteTypeFieldId %>"
+                        name="fieldValue_<%= burialSiteField.burialSiteTypeFieldId %>"
+                        type="<%= burialSiteField.fieldType %>"
+                        value="<%= burialSiteField.fieldValue %>"
+                        <% if (burialSiteField.pattern !== "") { %>
+                          pattern="<%= burialSiteField.pattern %>"
+                        <% } %>
+                        minlength="<%= burialSiteField.minLength %>"
+                        maxlength="<%= burialSiteField.maxLength %>"
+                        <%= burialSiteField.isRequired ? " required" : "" %> />
+                    <% } %>
                   </div>
-                <% } %>
-                <input id="burialSite--burialSiteTypeFieldIds" name="burialSiteTypeFieldIds" type="hidden" value="<%= burialSiteTypeFieldIds.slice(1) %>" />
+                </div>
               <% } %>
+              <input id="burialSite--burialSiteTypeFieldIds" name="burialSiteTypeFieldIds" type="hidden" value="<%= burialSiteTypeFieldIds.slice(1) %>" />
+            <% } %>
           </div>
         </div>
       </div>
@@ -498,7 +498,7 @@
 
 <% if (!isCreate) { %>
 <script>
-    exports.burialSiteComments = <%- JSON.stringify(burialSite.burialSiteComments) %>;
+  exports.burialSiteComments = <%- JSON.stringify(burialSite.burialSiteComments) %>;
 </script>
 <% } %>
 <script src="<%= urlPrefix %>/javascripts/burialSite.edit.js"></script>
diff --git a/views/cemetery-edit.ejs b/views/cemetery-edit.ejs
index 0626302b..2790f182 100644
--- a/views/cemetery-edit.ejs
+++ b/views/cemetery-edit.ejs
@@ -47,7 +47,7 @@
   <div class="level-right">
     <% if (isCreate) { %>
       <div class="level-item">
-        <a class="button is-danger is-outlined" href="<%= urlPrefix %>/cemeteries">
+        <a class="button is-danger is-light" href="<%= urlPrefix %>/cemeteries">
           Cancel
         </a>
       </div>
diff --git a/views/contract-edit.ejs b/views/contract-edit.ejs
index decc894f..6404d88b 100644
--- a/views/contract-edit.ejs
+++ b/views/contract-edit.ejs
@@ -90,7 +90,7 @@
     <% } %>
     <% if (isCreate) { %>
       <div class="level-item">
-        <a class="button is-danger is-outlined" href="<%= urlPrefix %>/contracts">
+        <a class="button is-danger is-light" href="<%= urlPrefix %>/contracts">
           Cancel
         </a>
       </div>
diff --git a/views/funeralHome-edit.ejs b/views/funeralHome-edit.ejs
index 0336688e..b38b77af 100644
--- a/views/funeralHome-edit.ejs
+++ b/views/funeralHome-edit.ejs
@@ -47,7 +47,7 @@
   <div class="level-right">
     <% if (isCreate) { %>
       <div class="level-item">
-        <a class="button is-danger is-outlined" href="<%= urlPrefix %>/funeralHomes">
+        <a class="button is-danger is-light" href="<%= urlPrefix %>/funeralHomes">
           Cancel
         </a>
       </div>
diff --git a/views/workOrder-edit.ejs b/views/workOrder-edit.ejs
index 30892dc5..c83b7975 100644
--- a/views/workOrder-edit.ejs
+++ b/views/workOrder-edit.ejs
@@ -87,7 +87,7 @@
     <% } %>
     <% if (isCreate) { %>
       <div class="level-item">
-        <a class="button is-danger is-outlined" href="<%= urlPrefix %>/workOrders">
+        <a class="button is-danger is-light" href="<%= urlPrefix %>/workOrders">
           Cancel
         </a>
       </div>