spinner

src/ifcchat/app.js

@@ -61,6 +61,10 @@ function setBusy(isBusy, reason = "") {
         browseBtn.tabIndex = isBusy ? -1 : 0;
     }
 
+    sendBtn.innerHTML = isBusy
+        ? `<span class="spinner"></span>`
+        : `Send <span class="material-icons">send</span>`;
+
     setStatus(isBusy ? (reason || "Working…") : "Ready");
 }
 

src/ifcchat/index.html

@@ -113,7 +113,18 @@
             border-radius: 20px;
             padding: 10px;
             display: flex;
-            width: 50%;
+            width: 100%;
+        }
+
+        @keyframes spin { to { transform: rotate(360deg); } }
+        .spinner {
+            width: 18px;
+            height: 18px;
+            border: 2px solid #aaa;
+            border-top-color: #333;
+            border-radius: 50%;
+            animation: spin 0.7s linear infinite;
+            display: inline-block;
         }
 
         .status {