From 860d14bcd061bee2a9f7aa05854bef367f2ec9b6 Mon Sep 17 00:00:00 2001
From: neil <neil@noreply.example.org>
Date: Wed, 4 Nov 2020 20:04:50 +0100
Subject: [PATCH] tweaking CSS, adding loading ring

---
 templates/assets/index.css | 45 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/templates/assets/index.css b/templates/assets/index.css
index e3303d3..3113cc7 100644
--- a/templates/assets/index.css
+++ b/templates/assets/index.css
@@ -5,6 +5,10 @@
     font-style: normal;
 }
 
+.hidden {
+    display: none !important;
+}
+
 * {
     font-family: Ubuntu,"Ubuntu-R",sans-serif;
 }
@@ -161,6 +165,10 @@ body, html {
     width: 50vw;
 }
 
+.click {
+    cursor: pointer;
+}
+
 #script-copy {
     display: none;
 }
@@ -233,3 +241,40 @@ body, html {
     50%  { opacity: 1;  }
     100% { transform:translate(0,20px); opacity: 0; }
 }
+
+
+.lds-ring {
+  display: inline-block;
+  position: relative;
+  width: 80px;
+  height: 80px;
+}
+.lds-ring div {
+  box-sizing: border-box;
+  display: block;
+  position: absolute;
+  width: 64px;
+  height: 64px;
+  margin: 8px;
+  border: 8px solid #fff;
+  border-radius: 50%;
+  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
+  border-color: #fff transparent transparent transparent;
+}
+.lds-ring div:nth-child(1) {
+  animation-delay: -0.45s;
+}
+.lds-ring div:nth-child(2) {
+  animation-delay: -0.3s;
+}
+.lds-ring div:nth-child(3) {
+  animation-delay: -0.15s;
+}
+@keyframes lds-ring {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}