Using a loading icon instead of resolving text

src/content_styles.css

@@ -86,11 +86,29 @@
 }
 
 /* Styles for "resolving..." indicator */
-
 .fediactprocessing {
-    color: white;
-	padding-right: 10px;
-	padding-left: 10px
+    display: inline-block;
+    margin: auto 10px;
+    animation: spin 2s infinite linear;
+    width: 1em;
+    height: 1em;
+    border-radius: 1em;
+    border: 2px solid currentColor;
+    border-left-color: transparent;
+    border-top-color: transparent;
+    position: relative;
+    box-sizing: border-box;
+    opacity: .8;
+}
+.fediactprocessing::after {
+    content: "";
+    border: inherit;
+    border-radius: inherit;
+    animation: inherit;
+    animation-duration: 1.5s;
+    animation-timing-function: ease;
+    position: absolute;
+    inset: -2px;
 }
 
 /* Styles for unresolved indicator */
@@ -177,6 +195,11 @@
         filter: opacity(0);
     }
 }
+@keyframes spin {
+    to {
+        transform: rotate(1turn);
+    }
+}
 
 
 /*  

src/inject.js

@@ -797,7 +797,7 @@ async function processToots() {
 			if (!$(favButton).length) {
 				favButton = $(el).find("a.icon-button:has(i.fa-star), a.detailed-status__link:has(i.fa-star)")
 			}
-			$("<span class='fediactprocessing'>Resolving...</span>").insertAfter($(favButton))
+			$("<span class='fediactprocessing'></span>").insertAfter($(favButton))
 			var boostButton = $(el).find("button:has(i.fa-retweet)").first()
 			if (!$(boostButton).length) {
 				boostButton = $(el).find("a.icon-button:has(i.fa-retweet), a.detailed-status__link:has(i.fa-retweet)")
@@ -1252,7 +1252,7 @@ async function processProfile() {
 		// do we have a full handle?
 		if (fullHandle) {
 			if (!tmpSettings.processedFollow.includes(fullHandle)) {
-				$("<span class='fediactprocessing'>Resolving...&nbsp;&nbsp;</span>").insertBefore($(el))
+				$("<span class='fediactprocessing'></span>").insertBefore($(el))
 				// yes, so resolve it to a user id on our homeinstance
 				var resolvedHandle = await resolveHandleToHome(fullHandle)
 				if (resolvedHandle) {