From b18a60e27b328377f8d298ec30f97c27c2d7b066 Mon Sep 17 00:00:00 2001
From: Niklas Fiekas <niklas.fiekas@backscattering.de>
Date: Tue, 7 Apr 2020 14:48:40 +0200
Subject: [PATCH] save horizontal space for lobby filter settings

---
 app/views/setup/filter.scala       | 4 ++--
 ui/lobby/css/app/_hook-filter.scss | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/views/setup/filter.scala b/app/views/setup/filter.scala
index 82f65038d2..319e9b3aa7 100644
--- a/app/views/setup/filter.scala
+++ b/app/views/setup/filter.scala
@@ -34,7 +34,7 @@ object filter {
             td(trans.timeControl()),
             td(renderCheckboxes(form, "speed", filter.speed.map(_.id.toString), translatedSpeedChoices))
           ),
-          tr(
+          tr(cls := "inline")(
             td(trans.increment()),
             td(
               renderCheckboxes(
@@ -47,7 +47,7 @@ object filter {
               )
             )
           ),
-          ctx.isAuth option tr(
+          ctx.isAuth option tr(cls := "inline")(
             td(trans.mode()),
             td(renderCheckboxes(form, "mode", filter.mode.map(_.id.toString), translatedModeChoices))
           ),
diff --git a/ui/lobby/css/app/_hook-filter.scss b/ui/lobby/css/app/_hook-filter.scss
index f94ba843a0..62e9707c5a 100644
--- a/ui/lobby/css/app/_hook-filter.scss
+++ b/ui/lobby/css/app/_hook-filter.scss
@@ -32,6 +32,10 @@
   tr.variant .checkable {
     width: 33.3%;
   }
+  tr.inline .checkable {
+    display: inline-block;
+    padding: 4.3px 20px 4.3px 0;
+  }
   input {
     margin-right: .3em;
   }