simplified the UI structure

.gitignore

@@ -0,0 +1 @@
+2048_qt.pro.user

README.md

@@ -0,0 +1,2 @@
+# 2048-Qt
+A clone of [2048](https://github.com/gabrielecirulli/2048), implemented in Qt.

qml/main.qml

@@ -2,6 +2,7 @@ import QtQuick 2.2
 import QtQuick.Controls 1.1
 import QtQuick.Controls.Styles 1.1
 import QtQuick.Dialogs 1.1
+import QtQuick.Window 2.1
 import "2048.js" as MyScript
 
 ApplicationWindow {
@@ -10,8 +11,8 @@ ApplicationWindow {
     height: 730
     title: qsTr("2048 Game");
 
-    Rectangle {
+    x: (Screen.width - width) / 2
-        anchors.fill: parent
+    y: (Screen.height - height) / 2
 
     Item {
         id: helper
@@ -24,15 +25,17 @@ ApplicationWindow {
                                 "fgbutton": "#F9F6F2" // Foreground color for the "New Game" button
         }
     }
-
     color: helper.myColors.bglight
+
+    Item {
+        anchors.fill: parent
+        anchors.margins: 30
+
         focus: true
         Keys.onPressed: MyScript.moveKey(event)
 
         Text {
             id: gameName
-            x: 30
-            y: 30
             font.pixelSize: 55
             font.bold: true
             text: "2048"
@@ -40,9 +43,7 @@ ApplicationWindow {
         }
 
         Row {
-            y: 30
             anchors.right: parent.right
-            anchors.rightMargin: 30
             spacing: 5
             Repeater {
                 id: scoreBoard
@@ -74,8 +75,7 @@ ApplicationWindow {
 
         Text {
             id: banner
-            x: 30
+            y: 90
-            y: 120
             height: 40
             text: "Join the numbers and get to the <b>2048 tile!</b>"
             color: helper.myColors.fgdark
@@ -86,9 +86,8 @@ ApplicationWindow {
         Button {
             width: 129
             height: 40
-            y: 120
+            y: 90
             anchors.right: parent.right
-            anchors.rightMargin: 30
 
             style: ButtonStyle {
                 background: Rectangle {
@@ -107,8 +106,7 @@ ApplicationWindow {
         }
 
         Rectangle {
-            x: 30
+            y: 170
-            y: 200
             width: 500
             height: 500
             color: helper.myColors.bgdark