import QtQuick 2.0
import Sailfish.Silica 1.0


Page {
    id: page
    property int health: 36

    SilicaFlickable {
        anchors.fill: parent
        contentHeight: column.height

        Column {
            id: column
            width: parent.width
            anchors.horizontalCenter: parent.horizontalCenter
            spacing: 5

            PageHeader {

                title: "Health       "
            }

            Label {
                anchors.horizontalCenter: parent.horizontalCenter
                text: health;
                font.pixelSize: Theme.fontSizeHuge + 150
            }

            Row{
                //anchors.leftMargin: parent.width - (200*2+20)/2
                anchors.leftMargin: 20
                spacing: 20
                Rectangle {
                    width: 200
                    height: 200
                    color: "red"
                    border.color: "black"
                    border.width: 1
                    radius: width*0.5
               }

                Rectangle {
                    width: 200
                    height: 200
                    color: "green"
                    border.color: "black"
                    border.width: 1
                    radius: width*0.5
               }

            }

        }
    }

}