<div>
    <div id="top" class="row">
        <header class="splash-header">
            <div class="row">
                <h1 style="color: white; padding: 30px;">Materials Commons</h1>
            </div>
            <div class="row">
                <div class="login-splash">
                    <div class="row">
                        <input ng-model="$ctrl.userLogin" name="email" required="" class="form-control"
                               placeholder="Email..."
                               type="email">
                    </div>
                    <br>

                    <div class="row">
                        <input ng-model="$ctrl.password" required=""
                               class="form-control" placeholder="Password..."
                               on-enter="$ctrl.login()"
                               type="password">
                    </div>
                    <br>
                    <p style="color:red;" ng-if="$ctrl.message !== ''">
                        <b>{{$ctrl.message}}</b>
                    </p>
                    <br>

                    <div class="row">
                        <button class="btn btn-primary btn-lg" style="width: 100%;" ng-click="$ctrl.login()">
                            Login
                        </button>
                        <button class="btn btn-warning btn-lg" style="width: 100%; margin-top: 10px" ng-click="$ctrl.cancel()">
                            Cancel
                        </button>
                    </div>
                    <div class="row">
                        Not a member? <a ui-sref="join">Join now</a>
                    </div>
                </div>
            </div>
        </header>
    </div>
</div>

<div>
    <div id="top" class="row">
        <header class="splash-header">
            <div class="row">
                <h1 style="color: white; padding: 30px;">Materials Commons</h1>
            </div>
            <div class="row">
                <div class="login-splash">
                    <div class="row">
                        <input ng-model="$ctrl.userLogin" name="email" required="" class="form-control"
                               placeholder="Email..."
                               type="email">
                    </div>
                    <br>

                    <div class="row">
                        <input ng-model="$ctrl.password" required=""
                               class="form-control" placeholder="Password..."
                               on-enter="$ctrl.login()"
                               type="password">
                    </div>
                    <br>
                    <p style="color:red;" ng-if="$ctrl.message !== ''">
                        <b>{{$ctrl.message}}</b>
                    </p>
                    <br>

                    <div class="row">
                        <button class="btn btn-primary btn-lg" style="width: 100%;" ng-click="$ctrl.login()">
                            Login
                        </button>
                        <button class="btn btn-warning btn-lg" style="width: 100%; margin-top: 10px" ng-click="$ctrl.cancel()">
                            Cancel
                        </button>
                    </div>
                    <div ng-if="false" class="row">
                        Not a member? <a ui-sref="join">Join now</a>
                    </div>
                </div>
            </div>
        </header>
    </div>
</div>

Remove register link until its implemented.
Remove register link until its implemented.
