From c58c0d84650b15a1307136b49595a3b1eeb67444 Mon Sep 17 00:00:00 2001
From: undefined <i@undefined.moe>
Date: Mon, 5 Sep 2022 03:19:45 +0800
Subject: [PATCH] ui: enhance english display

---
 packages/ui-default/pages/problem_main.page.styl | 4 ++++
 packages/ui-default/pages/ranking.page.styl      | 8 ++++++++
 packages/ui-default/templates/layout/html5.html  | 2 +-
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/ui-default/pages/problem_main.page.styl b/packages/ui-default/pages/problem_main.page.styl
index 1f36e00e9..b0cc944a4 100644
--- a/packages/ui-default/pages/problem_main.page.styl
+++ b/packages/ui-default/pages/problem_main.page.styl
@@ -14,6 +14,10 @@
   .col--difficulty
     width: rem(70px)
     text-align: center
+  
+  &[lang="en"]
+    .col--difficulty
+      width: rem(95px)
 
   .col--ac-tried
     width: rem(100px)
diff --git a/packages/ui-default/pages/ranking.page.styl b/packages/ui-default/pages/ranking.page.styl
index 42b88e5da..d62864c22 100644
--- a/packages/ui-default/pages/ranking.page.styl
+++ b/packages/ui-default/pages/ranking.page.styl
@@ -13,10 +13,18 @@
   .col--detail
     width: rem(50px)
     text-align: center
+  
+  &[lang="en"]
+    .col--detail
+      width: rem(75px)
 
   .col--ac
     width: rem(50px)
     text-align: center
+  
+  &[lang="en"]
+    .col--ac
+      width: rem(70px)
 
   .col--bio
     display: block;
diff --git a/packages/ui-default/templates/layout/html5.html b/packages/ui-default/templates/layout/html5.html
index d9349d55a..85a2c1ed2 100644
--- a/packages/ui-default/templates/layout/html5.html
+++ b/packages/ui-default/templates/layout/html5.html
@@ -5,7 +5,7 @@
 {% import "components/noscript_note.html" as noscript_note with context %}
 {% import "components/user.html" as user with context %}
 <!DOCTYPE html>
-<html data-page="{{ page_name }}" data-layout="{{ layout_name }}" class="layout--{{ layout_name }} page--{{ page_name }} theme--{{ (handler.user|default({})).theme|default('default') }} nojs" lang="{{ handler.viewLang }}" data-app="Hydro">
+<html data-page="{{ page_name }}" data-layout="{{ layout_name }}" class="layout--{{ layout_name }} page--{{ page_name }} theme--{{ (handler.user|default({})).theme|default('default') }} nojs" lang="{{ UserContext.viewLang }}" data-app="Hydro">
 <head>
   <meta charset="UTF-8">
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>