From e41d145cbd89a00b2ee6e19171238890a560b0d7 Mon Sep 17 00:00:00 2001
From: chrisgarrity <chrisg@media.mit.edu>
Date: Fri, 15 Apr 2016 12:30:56 -0400
Subject: [PATCH] Fix localization selection formatting bug on Android

Position selected checkmark pseudo element absolutely to fix bug on Android.
Fix fontsize at 34.5px (previous font size relative to view height looked good on iPad, but was too small on 16:9 android)
---
 editions/free/src/css/lobby.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/editions/free/src/css/lobby.css b/editions/free/src/css/lobby.css
index eb03ab2..915d2a9 100644
--- a/editions/free/src/css/lobby.css
+++ b/editions/free/src/css/lobby.css
@@ -298,9 +298,12 @@ div.localizationselect {
     width: ${css_vw(27)};
     height: 47pt;
     float: left;
+    position: relative; /* for absolute positioning of pseudo :after element */
     background-color: #35A8E0;
     color: #fff;
-    font-size: ${css_vh(4.5)};
+    /* font-size: ${css_vh(4.5)}; */
+    /* 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)};
     padding-top: 2%;
@@ -318,8 +321,9 @@ div.localizationselect.selected:after {
     background-size: 45px 45px;
     height: 45px;
     width: 45px;
-    margin-left: 252px;
-    margin-top: -82px;
+    position: absolute;
+    top: -22.5px;
+    right: -22.5px;
 }
 
 /* footer */