How do you set the size of $ionicModal

I’m trying to build a generic sign-in/register modal on top of this reusable Modal Service (http://forum.ionicframework.com/t/ionic-modal-service-with-extras/15357). I have it basically working, but the size of the modal window doesn’t fit the signin/register fields.

Is there a way to make it fit better? The CSS is setting the height top/bottom margins so I can’t get it to fit the actual content.

@media (min-width: 680px)
.modal {
  // position: absolute;
  top: 20%;
  right: 20%;
  bottom: 20%;
  left: 20%;
  min-height: 240px;
  width: 60%;
}

see the codePen: http://codepen.io/anon/pen/KdzawK?editors=101