From 2a9201d1c91de029d2e2e85bb057067715f9992e Mon Sep 17 00:00:00 2001 From: Yueyu Date: Sat, 3 Jul 2021 06:23:17 +0800 Subject: [PATCH] 1. fix padding bottom 2. center the buttons --- editions/free/src/css/lobby.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/editions/free/src/css/lobby.css b/editions/free/src/css/lobby.css index bd0ffae..300f064 100644 --- a/editions/free/src/css/lobby.css +++ b/editions/free/src/css/lobby.css @@ -291,6 +291,7 @@ div.languagebuttons { margin: auto; margin-top: ${css_vh(4)}; width: 90%; + display: inline-block; } div.localizationselect { @@ -305,8 +306,8 @@ div.localizationselect { /* fontsize based on device vertical height doesn't work on 16:9 aspect Android device, just set fixed size font */ font-size: 34.5px; text-align: center; - margin-left: ${css_vw(3)}; - margin-bottom: ${css_vw(2)}; + /* 1.68 = (87.89 * 0.9 / 3 - 23) / 2 */ + margin: 0 ${css_vw(1.68)} ${css_vw(2)}; padding-top: 2%; background-image: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.2) 51%); } @@ -465,6 +466,7 @@ div.localizationselect.selected:after { margin: ${css_vh(2.6)} auto; width: ${css_vw(87.89)}; height: auto; + text-align: center; }