how to set angular modal custom height and width

Question

I have found a way to change the width of a angular modal, how ever I can not figure out how to set the height I want. I need the modal to be 400px width, 400px height. also I need to reposition it so it is in the center of the screen. thanks plunkr

 $scope.NewJobModal = function () {

      var modalInstance = $modal.open({
          templateUrl: 'views/modals/NewJobModal.html',
          controller: 'NewJobModalInstanceCtrl',
          windowClass: 'large-Modal',
          resolve: {
              p: function () {
                  return $scope.p;
              }
          }
      });
  };

.large-Modal .modal-dialog{
width:30%;
}

Answer 1

Two things:

1 - In the Plunkr you provided you're not attaching you .css file. Change the src to href.

2 - Then in your css file:

.large-Modal .modal-dialog{
  height: 400px;
  width:400px; 
  margin: auto;
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
}