title: Angular-UI modal window height
body: <p>I'm trying to make modal window with angular-ui-0.6.0 and bootstrap-3.0.</p>
  
  <p>My template is:</p>
  
  <pre><code>&lt;div class="modal-header"&gt;
      &lt;h3&gt;Create new entry&lt;/h3&gt;
  &lt;/div&gt;
  
  &lt;div class="modal-body" ng-repeat="e in create_elements"&gt;
      &lt;label&gt;Test&lt;/label&gt;
      &lt;input class="form-control" style="height: 30px; width: 98%" type="text" required ng-model="e.model"&gt;&lt;/input&gt;
      &lt;label id="{{e.label}}" style="display: none; color: red;"&gt;{{e.label}} - can't be empty&lt;/label&gt;
  &lt;/div&gt;
  
  &lt;div class="modal-footer"&gt;
      &lt;button class="btn btn-success" ng-click="create(create_elements)"&gt;Create&lt;/button&gt;
      &lt;button class="btn btn-warning" ng-click="close()"&gt;Cancel&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css for modal:</p>
  
  <p>.modal {
      display: block;
  }</p>
  
  <p>Modal window opens normally, but it's height is more than need. I tried to set up <code>height: auto</code> for <code>.modal</code> but it didn't help.</p>
  
  <p><img src="https://i.stack.imgur.com/canZB.png" alt="enter image description here"></p>
  
  <p>You can see white place under footer, how to remove it?</p>
  
  <p>Thank you.!</p>