Zurb Foundation 5 - Remove bottom padding on panel

Demo for: http://stackoverflow.com/questions/22618012/space-created-at-the-bottom-of-a-panel-with-foundation-framework?rq=1

by Charles Butler

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.4.5/js/vendor/modernizr.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/foundation/5.4.5/js/foundation/foundation.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.4.5/css/normalize.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/foundation/5.4.5/css/foundation.css">
<form>
            <div class="row">
                <div class="large-4 columns">   
                    <div class="panel">
                        <div class="row">
                            <div>
                                <label>Login: <input type="text" placeholder="Login">
                            </div>  
                        </div>
                        <div class="row">
                            <div>
                                <label>Senha <input type="password">
                            </div>
                        </div>
                        <div class="row">                                                       
                            <input type="submit" value="OK" class="tiny button right">
                            <a href="#" class="left">Esqueci minha senha</a>
                        </div>      
                    </div>                      
                </div>              
            </div>
        </form>

CSS

body {
    padding: 30px;
}
.panel .button {
    margin-bottom:0;
}