From a67bdcbf87f19a2157a48ba630eaa4af408c0bdb Mon Sep 17 00:00:00 2001
From: Ben Burlingham <ben.burlingham@gmail.com>
Date: Sat, 5 Nov 2016 18:23:42 -0700
Subject: [PATCH] Fixing round pane jump bug.

---
 index.html     | 1 -
 js/ui.js       | 4 ++--
 res/rounds.css | 2 ++
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 00e3b52..6354310 100644
--- a/index.html
+++ b/index.html
@@ -72,7 +72,6 @@ body {
 
         <h5>TODO</h5>
         fix setState to not remove everything
-        fix jumping when show/hide round
         1974 two germanies?
         embiggen current event flag
         move styling out of index.html
diff --git a/js/ui.js b/js/ui.js
index 24613c8..9e66d0c 100644
--- a/js/ui.js
+++ b/js/ui.js
@@ -76,12 +76,12 @@ const UI = {
 
         roundsItems.forEach(item => {
             const type = item.getAttribute(UI.DATA.ROUND);
-
             const hide = item.querySelector(`.${UI.CLASSNAMES.ROUND.HIDE}`);
-            hide.innerHTML = (hide.innerHTML === UI.I18N.HIDE ? UI.I18N.SHOW : UI.I18N.HIDE);
+            hide.innerHTML = UI.I18N.SHOW;
 
             if (roundsToShow.indexOf(type) > -1) {
                 item.className += ' active';
+                hide.innerHTML = UI.I18N.HIDE;
             }
         });
 
diff --git a/res/rounds.css b/res/rounds.css
index 85e7e88..a30edc5 100644
--- a/res/rounds.css
+++ b/res/rounds.css
@@ -28,7 +28,9 @@
     display: inline-block;
     font-size: 9px;
     margin-left: 20px;
+    text-align: right;
     text-transform: uppercase;
+    width: 30px;
 }
 
 .round-text {