add a loading indicator

1 files changed, 8 insertions, 1 deletions

diff --git a/static/skeleton.css b/static/skeleton.css
index 6526c29..e38f49f 100644
--- a/static/skeleton.css
+++ b/static/skeleton.css
@@ -36,13 +36,20 @@ nav {
   height: 32px;
   box-sizing: border-box;
   display: grid;
-  grid-template-columns: 1fr max-content 1fr;
+  grid-template-columns: 1fr max-content 0 1fr;
   align-items: center;
 
   > * {
     margin: 0 8px;
   }
 
+  #loadingIndicator {
+    width: calc(var(--icon-size) * 0.75);
+    aspect-ratio: 1;
+    position: relative;
+    color: var(--clr-foreground-on-primary);
+  }
+
   > :last-child {
     display: grid;
     grid-template-columns: 1fr max-content;