From 388a80cd2848020cdca45d6bed370475e2255697 Mon Sep 17 00:00:00 2001
From: Kevin Ngo <me@ngokevin.com>
Date: Sat, 13 Oct 2018 09:46:05 -0700
Subject: [PATCH] tweak loading indicator

---
 src/components/song.js   | 3 +--
 src/templates/stage.html | 5 +++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/song.js b/src/components/song.js
index a769ca5..58a42b1 100644
--- a/src/components/song.js
+++ b/src/components/song.js
@@ -115,8 +115,7 @@ AFRAME.registerComponent('song', {
 
   onFetchProgress: function (evt) {
     const progress = evt.loaded / evt.total;
-    this.songLoadingIndicator.setAttribute(
-      'geometry', 'thetaLength', progress * 360);
+    this.songLoadingIndicator.setAttribute('geometry', 'thetaLength', progress * 360);
   },
 
   onRestart: function () {
diff --git a/src/templates/stage.html b/src/templates/stage.html
index fbdd548..a157ab4 100644
--- a/src/templates/stage.html
+++ b/src/templates/stage.html
@@ -77,8 +77,9 @@
     id="songLoadingIndicator"
     bind__visible="isSongLoading"
     geometry="primitive: ring; radiusInner: 0.05; radiusOuter: 0.08"
-    material="shader: flat; color: #FAFAFA; opacity: 0.75"
-    position="0 1.4 -2.5">
+    material="shader: flat; color: #FAFAFA; opacity: 0.75; side: back"
+    position="0 1.4 -2.5"
+    rotation="0 180 0">
   </a-entity>
 
   <a-entity