diff --git a/index.html b/index.html
index 8f22f03..dd8ca7d 100644
--- a/index.html
+++ b/index.html
@@ -21,7 +21,9 @@
00:00
0
-
+
Tetris.js
diff --git a/language.js b/language.js
index 8de0e86..ed9b417 100644
--- a/language.js
+++ b/language.js
@@ -58,7 +58,7 @@ function switchLang(lang) {
currentLang = lang;
const l = new Language(currentLang);
document.getElementById("score").setAttribute("data-prefix", l.getStr("score"));
- document.getElementById("controls").innerHTML = l.getStr("controls");
+ document.getElementById("control-text").innerHTML = l.getStr("controls");
if(firstRun) {
document.getElementById("game-title").innerHTML = l.getStr("title");
document.getElementById("game-play").innerHTML = l.getStr("play");
diff --git a/menu.js b/menu.js
index 79494e9..6ed1a01 100644
--- a/menu.js
+++ b/menu.js
@@ -87,10 +87,9 @@ function fadeBlurOut() {
}
}
+const scoreEl = document.getElementById("score");
+const nativeTransform = getComputedStyle(scoreEl).transform;
function scoreUpdateAni() {
- const scoreEl = document.getElementById("score");
- const nativeTransform = "translate(-50%, -50%)";
-
const scale = 1.5;
const finalScale = 1;
let currentScale = 1;
diff --git a/style.css b/style.css
index c329609..4953872 100644
--- a/style.css
+++ b/style.css
@@ -10,8 +10,8 @@ body {
#language-selector {
position: absolute;
- right: 10px;
- top: 10px;
+ right: 15px;
+ top: 20px;
font-size: 14px;
font-weight: 300;
z-index: 1;
@@ -152,4 +152,34 @@ body {
#time {
margin-top: 5px;
margin-left: 10px;
+}
+
+@media (max-width: 1400px) {
+ #tetris {
+ height: 75%;
+ }
+
+ #score {
+ top: 10px;
+ left: 50%;
+ right: initial;
+ transform: translateX(-50%);
+ }
+
+ #controls {
+ top: initial;
+ bottom: 10px;
+ left: 50%;
+ transform: translateX(-50%);
+ height: 10%;
+ overflow: auto;
+ }
+
+ #control-text {
+ height: 100%;
+ }
+
+ #language-selector {
+ font-size: 20px;
+ }
}
\ No newline at end of file