Promto FB login

[gempir]

8

Moved the fb login to the top

[imacrayon]

Some of the padding is off. Could you throw it all in one section like this instead:

<div class="card-section">
    <a class="button expanded" style="background-color: #3b5999;" href="{{ url('/auth/facebook')}}" data-tooltip="Login with Facebook" tabindex="6">
        <svg class="icon"><use xlink:href="{{ asset('/images/icons.svg#icon-facebook') }}"></use></svg>
        Login
    </a>
    <hr>
    <form role="form" method="POST" action="{{ url('/login') }}">
        {{ csrf_field() }}

        <label class="{{ $errors->has('email') ? 'is-invalid-label' : '' }}">Email
            <input type="email" name="email" value="{{ old('email') }}" class="{{ $errors->has('email') ? 'is-invalid-input' : '' }}" required autofocus tabindex="1">
            @if ($errors->has('email'))<span class="form-error{{ $errors->has('email') ? ' is-visible' : '' }}">{{ $errors->first('email') }}</span>@endif
        </label>

        <label class="{{ $errors->has('password') ? 'is-invalid-label' : '' }}">Password
            <input type="password" name="password" class="{{ $errors->has('password') ? 'is-invalid-input' : '' }}" aria-describedby="password-help" required tabindex="2" >
            @if ($errors->has('password'))<span class="form-error{{ $errors->has('password') ? ' is-visible' : '' }}">{{ $errors->first('password') }}</span>@endif
        </label>
        <p class="help-text" id="password-help">
            <a href="{{ url('/password/reset') }}" tabindex="3">Forgot Your Password?</a>
        </p>

        <button class="button expanded" tabindex="5">Login</button>

        <label>
            <input type="checkbox" name="remember" tabindex="4"> Keep me logged in
        </label>
    </form>
</div>

[gempir]

Maybe like this 3fbbc89

[imacrayon]

Sorry for the late response. Just add the expanded class to the Facebook login button and this is good to go. Thanks!