@import play.api.data.Form
@import play.api.i18n.Messages
@import play.api.mvc.RequestHeader
@import controllers.AssetsFinder
@import helper._

@(signInForm: Form[app.controllers.AuthController.SignInFormData])(implicit request: RequestHeader, messages: Messages, assets: AssetsFinder)
@implicitField = @{ FieldConstructor(plainFieldConstructor.f) }
@main(messages("sign.in.title")) {
  <div class="mdl-grid">
    <div class="mdl-card mdl-shadow--2dp">
      <div class="mdl-card__supporting-text signin-form">
        <fieldset>
          <legend>@messages("sign.in.credentials")</legend>
            @form(CSRF(app.controllers.routes.AuthController.signIn)) {
              <div class="mdl-textfield mdl-js-textfield">
                @inputText(
                  signInForm("uid"),
                  'class -> "mdl-textfield__input"
                )
                <label class="mdl-textfield__label">UserName</label>
              </div>
              <br/>
              <div class="mdl-textfield mdl-js-textfield">
                @inputPassword(
                  signInForm("password"),
                  'class -> "mdl-textfield__input"
                )
                <label class="mdl-textfield__label">Password</label>
              </div>
              <br/>
              <button class="mdl-button mdl-js-button mdl-button--primary">
                @messages("sign.in")
              </button>
            }
        </fieldset>
      </div>
    </div>
  </div>
}

@import play.api.data.Form
@import play.api.i18n.Messages
@import play.api.mvc.RequestHeader
@import controllers.AssetsFinder
@import helper._

@(signInForm: Form[app.controllers.AuthController.SignInFormData])(implicit request: RequestHeader, messages: Messages, assets: AssetsFinder)
@implicitField = @{ FieldConstructor(plainFieldConstructor.f) }
@main(messages("sign.in.title")) {
  <div class="mdl-grid">
    <div class="mdl-card mdl-shadow--1dp">
      <div class="mdl-card__supporting-text signin-form">
        <fieldset>
          <legend>
            <h5>@messages("sign.in.credentials")</h5>
          </legend>
            </br>
            @form(CSRF(app.controllers.routes.AuthController.signIn)) {
              <div class="mdl-textfield mdl-js-textfield">
                @inputText(
                  signInForm("uid"),
                  'class -> "mdl-textfield__input"
                )
                <label class="mdl-textfield__label">UserName</label>
              </div>
              <br/>
              <div class="mdl-textfield mdl-js-textfield">
                @inputPassword(
                  signInForm("password"),
                  'class -> "mdl-textfield__input"
                )
                <label class="mdl-textfield__label">Password</label>
              </div>
              <br/>
              <button class="mdl-button mdl-js-button mdl-button--primary">
                @messages("sign.in")
              </button>
            }
        </fieldset>
      </div>
    </div>
  </div>
}

Fix sign in form layout
Fix sign in form layout
