Fixing round pane jump bug.

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

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;
             }
         });
 

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 {