From c6b30e571daa2c73fb82304dc3cf323378dc4d72 Mon Sep 17 00:00:00 2001
From: Keith Daulton <kdaulton@d13design.com>
Date: Mon, 29 Aug 2022 17:51:39 -0400
Subject: [PATCH] Updates loading spinner in graph status bar

---
 src/webviews/apps/plus/graph/GraphWrapper.tsx |  6 +++++-
 src/webviews/apps/plus/graph/graph.scss       | 11 ++++++-----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/webviews/apps/plus/graph/GraphWrapper.tsx b/src/webviews/apps/plus/graph/GraphWrapper.tsx
index ebc46a2..771a281 100644
--- a/src/webviews/apps/plus/graph/GraphWrapper.tsx
+++ b/src/webviews/apps/plus/graph/GraphWrapper.tsx
@@ -481,7 +481,11 @@ export function GraphWrapper({
 							showing {graphList.length} item{graphList.length ? 's' : ''}
 						</span>
 					)}
-					{isLoading && <span className="actionbar__loading icon--loading icon-modifier--spin" />}
+					{isLoading && (
+						<span className="actionbar__loading">
+							<span className="icon--loading icon-modifier--spin" />
+						</span>
+					)}
 				</div>
 				<div className="actionbar__group">
 					<span className="badge">Preview</span>
diff --git a/src/webviews/apps/plus/graph/graph.scss b/src/webviews/apps/plus/graph/graph.scss
index eb5dfdc..39af3e4 100644
--- a/src/webviews/apps/plus/graph/graph.scss
+++ b/src/webviews/apps/plus/graph/graph.scss
@@ -52,11 +52,11 @@ a {
 	&__details {}
 
 	&__loading {
-		position: relative;
-		top: 1px;
-		left: 0.5rem;
 		font-size: 1.2rem;
-		margin-right: 1rem; // adds "padding" to stop the overflow from clipping the spin
+
+		> * {
+			display: inline-block;
+		}
 	}
 
 	a {
@@ -376,7 +376,8 @@ a {
 	&__container {
 		display: flex;
 		flex-direction: column;
-		height: calc(100vh - 2px); // shoot me -- the 2px is to stop the vertical scrollbar from showing up
+		// height: calc(100vh - 2px); // shoot me -- the 2px is to stop the vertical scrollbar from showing up
+		height: 100vh; // shoot me -- the 2px is to stop the vertical scrollbar from showing up
 		gap: 0;
 		padding: 0 2px;
 	}