import QtQuick 2.5
import QtQuick.Window 2.2

Window {
    visible: true
    width: 400
    height: 600

    LoginForm {
        anchors.centerIn: parent
        //height: 300
        //width: 300
    }

}

import QtQuick.Controls 1.4
import QtQuick.Layouts 1.2

Item {

    Rectangle {
        color: "#E8E8E8"
        radius: 5
        anchors.centerIn: parent
        anchors.fill: parent
        width: childrenRect.width
        height: childrenRect.height

        GridLayout {
            id: "grid_layout"
            flow: GridLayout.TopToBottom
            anchors.centerIn: parent
            anchors.top: parent.top
            anchors.bottom: parent.bottom
            anchors.left: parent.left
            anchors.right: parent.right
            anchors.topMargin: 12
            anchors.bottomMargin: 12
            anchors.leftMargin: 12
            anchors.rightMargin: 12

            Text {
                id: "log_in_label"
                text: "Log In"
                font.pointSize: 15;
            }

            Text {
                id: "username_label"
                text: "Username:"
                font.pointSize: 8
            }

            TextField {
                id: "username_input"
                Layout.columnSpan: 2
                font.pointSize: 8
            }

            Text {
                id: "password_label"
                text: "Password:"
                font.pointSize: 8
            }

            TextField {
                id: "password_input"
                Layout.columnSpan: 2
                font.pointSize: 8
            }

            Button {
                text: "Sign in"
            }
        }
    }
}