From 024bd87339e06b07798e2ac9a686a8c8204884eb Mon Sep 17 00:00:00 2001
From: Jeff S <jwspragg@mtu.edu>
Date: Wed, 20 Oct 2021 01:36:51 -0700
Subject: [PATCH] Space out team number display when there are no ranks

---
 static/css/audience_display.css | 4 ++++
 static/js/audience_display.js   | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/static/css/audience_display.css b/static/css/audience_display.css
index 15ff35e..09e765f 100644
--- a/static/css/audience_display.css
+++ b/static/css/audience_display.css
@@ -253,6 +253,10 @@ html {
 .final-team {
   display: inline-block;
 }
+.rank-spacer {
+  display:inline-block;
+  width: 42px;
+}
 .rank-box {
   text-align: center;
   margin-right: 0.3em;
diff --git a/static/js/audience_display.js b/static/js/audience_display.js
index 1e8ef4c..73b6d2c 100644
--- a/static/js/audience_display.js
+++ b/static/js/audience_display.js
@@ -452,7 +452,7 @@ var getAvatarUrl = function(teamId) {
 var getRankingText = function(teamId, rankings) {
   var ranking = rankings[teamId];
   if (ranking === undefined || ranking.Rank === 0) {
-    return "";
+    return "<div class='rank-spacer'></div>";
   }
 
   if (ranking.Rank > ranking.PreviousRank && ranking.PreviousRank > 0) {