In the lobby chart, put the list button near the top-right corner (le…

…ss likely to be covered by challenge buttons).
johndoknjas · Nov 10, 2024 · a4aae9a · a4aae9a
1 parent 169f025
commit a4aae9a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/ui/lobby/css/app/_app.scss b/ui/lobby/css/app/_app.scss
@@ -62,6 +62,11 @@
     }
   }
 
+  .toggle-padding-left {
+    @extend .toggle;
+    padding-left: 90%;
+  }
+
   .gamesFiltered {
     color: $c-accent;
 

diff --git a/ui/lobby/src/view/realTime/chart.ts b/ui/lobby/src/view/realTime/chart.ts
@@ -106,7 +106,7 @@ function renderYAxis() {
 }
 
 export function toggle(ctrl: LobbyController) {
-  return h('i.toggle', {
+  return h('i.toggle-padding-left', {
     key: 'set-mode-list',
     attrs: { title: i18n.site.list, 'data-icon': licon.List },
     hook: bind('mousedown', _ => ctrl.setMode('list'), ctrl.redraw),