From 6970c62276a5ae05dfca10dc01e7738ab045d1a3 Mon Sep 17 00:00:00 2001
From: inportb <inportb@gmail.com>
Date: Sat, 6 May 2023 08:22:43 -0400
Subject: [PATCH] Throbber class

---
 htdocs/Throbber.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/htdocs/Throbber.vue b/htdocs/Throbber.vue
index 01d8f45..17e00fc 100644
--- a/htdocs/Throbber.vue
+++ b/htdocs/Throbber.vue
@@ -1,9 +1,9 @@
 <template>
-	<div :class="{ connected, idle }" />
+	<div class="throbber" :class="{ connected, idle }" />
 </template>
 
 <style scoped>
-	div {
+	div.throbber {
 		position: fixed;
 		top: 59px;
 		right: 0;
@@ -12,7 +12,7 @@
 		z-index: 1030;
 		background-color: #dc3545;
 	}
-	div.connected {
+	div.throbber.connected {
 		background-color: #0d6efd;
 		background-image: repeating-linear-gradient(
 			-45deg,
@@ -25,7 +25,7 @@
 		animation:  barberpole 60s linear infinite;
 		animation-direction: reverse;
 	}
-	div.idle {
+	div.throbber.idle {
 		visibility: hidden;
 		opacity: 0;
 		transition: visibility 0s 0.5s, opacity 0.5s linear;