safari fixes: update to latest wabac.js (fix bug with cacheing responses to safari's 0-1 range check)

fix spinner in safari by adding keyframes to document itself

src/appmain.js

@@ -26,6 +26,8 @@ class App extends LitElement
 
     registerSW(__SW_NAME__);
     initDBWorker();
+
+    this.safariKeyframes();
   }
 
   static get properties() {
@@ -374,6 +376,24 @@ class App extends LitElement
       window.location.search = this.pageParams.toString();
     }
   }
+
+  safariKeyframes() {
+    // Safari requires keyframes at the document level, add spinner keyframes here
+    const css = `
+    @keyframes spinAround {
+      from {
+        transform: rotate(0deg);
+      }
+      to {
+        transform: rotate(359deg);
+      }
+    }
+    `;
+
+    const style = document.createElement("style");
+    document.head.appendChild(style);
+    style.appendChild(document.createTextNode(css));
+  }
 }
 
 customElements.define("replay-app-main", App);

src/coll.js

@@ -673,15 +673,15 @@ class Coll extends LitElement
                 </span>
                 <span>Forward</span>
               </a>
-              <a class="dropdown-item is-hidden-tablet has-text-grey" @click="${this.onRefresh}">
+              <a class="dropdown-item is-hidden-tablet" @click="${this.onRefresh}">
                 <span class="icon is-small">
-                  <fa-icon size="1.0em" class="" .svg="${fasRefresh}"></fa-icon>
+                  <fa-icon size="1.0em" class="has-text-grey" .svg="${fasRefresh}"></fa-icon>
                 </span>
                 <span>Reload</span>
               </a>
               <a class="dropdown-item is-hidden-desktop ${!isReplay ? 'grey-disabled' : ''}" @click="${this.onShowPages}">
                 <span class="icon is-small">
-                  <fa-icon size="1.0em" class="" .svg="${farListAlt}"></fa-icon>
+                  <fa-icon size="1.0em" class="has-text-grey" .svg="${farListAlt}"></fa-icon>
                 </span>
                 <span>Page Search</span>
               </a>