Bootstrap Navbar

Reduce height of bootstrap navbar

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<div>
<span class="col-md-3 control-label">Payment</span>
<div class="col-md-9 my-label">
  <input value="2" name="CustomerPaymentOption" type="radio">
  <span>Credit Card</span>
</div>
    </div>
<div>
    <span class="col-md-3 control-label">Paymfffgent</span>
<div class="col-md-9 my-label">
  <input value="2" name="CustomerPaymentOption" type="radio">
  <span>Credit Card</span>
</div>
    </div>

CSS

nav{
    min-height:30px !important;
    height:30px;
}

.navbar-brand{
    height:30px;
    padding:3px 10px;
}

.navbar-toggle{
    height:25px;
    margin:2px 10px;
}

.my-label{
    display:inline-block;
}