From 1c92e22c9c6591c93935ab71422671d53ec02082 Mon Sep 17 00:00:00 2001 From: Marcel Date: Sun, 17 Dec 2017 15:38:50 +0100 Subject: [PATCH] Fix layout of game screen + language improvemenets --- language.js | 8 ++++++-- style.css | 12 ++++++------ 2 files changed, 12 insertions(+), 8 deletions(-) diff --git a/language.js b/language.js index 1c2c901..21ff57b 100644 --- a/language.js +++ b/language.js @@ -5,7 +5,9 @@ const en = { "
" + "Q/E -> Rotate the tile" + "
" + - "Down/S -> Drop the tile faster", + "Down/S -> Drop the tile faster" + + "
" + + "Space/Esc -> Pause the game", play: "Play!", score: "Score: ", paused: "Paused", @@ -21,7 +23,9 @@ const de = { "
" + "Q/E -> Objekt drehen" + "
" + - "Unten/S -> Objekt schneller fallen lassen", + "Unten/S -> Objekt schneller fallen lassen" + + "
" + + "Leertaste/Esc -> Pausiere das Spiel", play: "Spielen!", score: "Punkte: ", paused: "Pausiert", diff --git a/style.css b/style.css index f2663e0..5a5ee46 100644 --- a/style.css +++ b/style.css @@ -77,12 +77,12 @@ body { #tetris { position: absolute; left: 50%; - -webkit-transform: translateX(-50%); - -moz-transform: translateX(-50%); - -ms-transform: translateX(-50%); - -o-transform: translateX(-50%); - transform: translateX(-50%); - margin: 20px 0; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); border: solid .2em #fff; }