linting

- login page overflow
- make sure funeral home icons use fa-place-of-worship

public/javascripts/contract.search.js

@@ -57,7 +57,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
                 contract.funeralHomeName !== '') {
                 contactsHTML += `<li class="has-tooltip-left has-text-grey"
           data-tooltip="Funeral Home">
-          <span class="fa-li"><i class="fas fa-church"></i></span>
+          <span class="fa-li"><i class="fas fa-place-of-worship"></i></span>
           ${cityssm.escapeHTML(contract.funeralHomeName)}
           </li>`;
             }

public/javascripts/contract.search.ts

@@ -93,7 +93,7 @@ declare const exports: Record<string, unknown>
       ) {
         contactsHTML += `<li class="has-tooltip-left has-text-grey"
           data-tooltip="Funeral Home">
-          <span class="fa-li"><i class="fas fa-church"></i></span>
+          <span class="fa-li"><i class="fas fa-place-of-worship"></i></span>
           ${cityssm.escapeHTML(contract.funeralHomeName)}
           </li>`
       }

public/javascripts/workOrder.search.js

@@ -45,7 +45,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
                     relatedHTML += `<li class="has-tooltip-left"
             data-tooltip="Funeral Home">
             <span class="fa-li">
-              <i class="fas fa-fw fa-church"></i>
+              <i class="fas fa-fw fa-place-of-worship"></i>
             </span>
             ${cityssm.escapeHTML(contract.funeralHomeName)}
             </li>`;

public/javascripts/workOrder.search.ts

@@ -82,7 +82,7 @@ declare const exports: Record<string, unknown>
           relatedHTML += `<li class="has-tooltip-left"
             data-tooltip="Funeral Home">
             <span class="fa-li">
-              <i class="fas fa-fw fa-church"></i>
+              <i class="fas fa-fw fa-place-of-worship"></i>
             </span>
             ${cityssm.escapeHTML(contract.funeralHomeName)}
             </li>`

public/stylesheets/sunrise.css

@@ -30,7 +30,7 @@
 
 #is-login-page {
   overflow: auto;
-  background-position: top center;
+  background-position: bottom center;
   background-size: cover;
 }
 

views/cemetery-edit.ejs

@@ -252,7 +252,7 @@
                 </a>
             </div>
             <div class="level-item">
-              <a class="button is-small is-link has-text-weight-normal" href="<%=urlPrefix %>/reports/burialSites-byCemeteryId?cemeteryId=<%= cemetery.cemeteryId %>" download>
+              <a class="button is-small has-text-weight-normal" href="<%=urlPrefix %>/reports/burialSites-byCemeteryId?cemeteryId=<%= cemetery.cemeteryId %>" download>
                 <span class="icon"><i class="fas fa-download" aria-hidden="true"></i></span>
                 <span>Export All</span>
               </a>

views/cemetery-view.ejs

@@ -102,7 +102,9 @@
           <div id="cemetery--leaflet" data-cemetery-latitude="<%= cemetery.cemeteryLatitude %>" data-cemetery-longitude="<%= cemetery.cemeteryLongitude %>" style="height:300px"></div>
         <% } else { %>
           <div class="message is-info">
-              <p class="message-body">There are no geographic coordinates associated with this cemetery.</p>
+            <p class="message-body">
+              There are no geographic coordinates associated with this cemetery.
+            </p>
           </div>
         <% } %>
       </div>
@@ -143,7 +145,7 @@
       </div>
       <div class="level-right">
         <div class="level-item">
-                <a class="button is-small is-link has-text-weight-normal" href="<%=urlPrefix %>/reports/burialSites-byCemeteryId?cemeteryId=<%= cemetery.cemeteryId %>" download>
+          <a class="button is-small has-text-weight-normal" href="<%=urlPrefix %>/reports/burialSites-byCemeteryId?cemeteryId=<%= cemetery.cemeteryId %>" download>
             <span class="icon"><i class="fas fa-download" aria-hidden="true"></i></span>
             <span>Export All</span>
           </a>

views/contract-edit.ejs

@@ -322,7 +322,20 @@
   </div>
 
   <div class="panel">
-    <h2 class="panel-heading">Funeral</h2>
+    <div class="panel-heading">
+      <div class="level is-mobile">
+        <div class="level-left">
+          <div class="level-item">
+            <h2 class="has-text-weight-bold">Funeral</h2>
+          </div>
+        </div>
+        <div class="level-right">
+          <div class="level-item">
+            <i class="fas fa-place-of-worship" aria-hidden="true"></i>
+          </div>
+        </div>
+      </div>
+    </div>
     <div class="panel-block is-block">
       <div class="columns">
         <div class="column">
@@ -425,7 +438,20 @@
   <div class="columns">
     <div class="column">
       <div class="panel">
-        <h2 class="panel-heading">Purchaser</h2>
+        <div class="panel-heading">
+          <div class="level is-mobile">
+            <div class="level-left">
+              <div class="level-item">
+                <h2 class="has-text-weight-bold is-size-5">Purchaser</h2>
+              </div>
+            </div>
+            <div class="level-right">
+              <div class="level-item">
+                <i class="fas fa-hand-holding-dollar" aria-hidden="true"></i>
+              </div>
+            </div>
+          </div>
+        </div>
         <div class="panel-block is-block">
           <div class="field">
             <label class="label" for="contract--purchaserName">

views/contract-view.ejs

@@ -144,7 +144,20 @@
 </div>
 
 <div class="panel">
-  <h2 class="panel-heading">Funeral</h2>
+  <div class="panel-heading">
+    <div class="level is-mobile">
+      <div class="level-left">
+        <div class="level-item">
+          <h2 class="has-text-weight-bold">Funeral</h2>
+        </div>
+      </div>
+      <div class="level-right">
+        <div class="level-item">
+          <i class="fas fa-place-of-worship" aria-hidden="true"></i>
+        </div>
+      </div>
+    </div>
+  </div>
   <div class="panel-block is-block">
     <div class="columns">
       <div class="column">
@@ -201,7 +214,11 @@
         </div>
         <p>
           <strong>Committal Type</strong><br />
+          <% if (contract.committalType === null) { %>
+            <span class="has-text-grey">(No Committal Type)</span>
+          <% } else { %>
             <%= contract.committalType %>
+          <% } %>
         </p>
       </div>
     </div>
@@ -211,7 +228,20 @@
 <div class="columns">
   <div class="column">
     <div class="panel">
-      <h2 class="panel-heading">Purchaser</h2>
+      <div class="panel-heading">
+        <div class="level is-mobile">
+          <div class="level-left">
+            <div class="level-item">
+              <h2 class="has-text-weight-bold is-size-5">Purchaser</h2>
+            </div>
+          </div>
+          <div class="level-right">
+            <div class="level-item">
+              <i class="fas fa-hand-holding-dollar" aria-hidden="true"></i>
+            </div>
+          </div>
+        </div>
+      </div>
       <div class="panel-block is-block">
         <div class="columns">
           <div class="column">
@@ -270,7 +300,7 @@
           </div>
           <div class="level-right">
             <div class="level-item">
-              <a class="button is-link is-small is-hidden-print has-text-weight-normal"
+              <a class="button is-small is-hidden-print has-text-weight-normal"
                 href="<%= urlPrefix %>/reports/contractInterments-byContractId/?contractId=<%= contract.contractId %>"  target="_blank" download>
                 <span class="icon is-small"><i class="fas fa-download" aria-hidden="true"></i></span>
                 <span>Export</span>

views/login.ejs

@@ -17,7 +17,7 @@
 </head>
 
 <body>
-  <div class="columns is-vcentered is-centered has-min-page-height is-marginless">
+  <div class="columns is-vcentered is-centered has-min-page-height mx-0 my-0">
     <div class="column is-half-widescreen is-two-thirds-desktop is-three-quarters-tablet">
       <main class="box mx-3 my-3">
         <div class="columns is-vcentered">