modals fade in from their center

src/client/assets/styles/_modal.scss

@@ -1,3 +1,26 @@
+.modal.fade .modal-dialog {
+    -webkit-transform: scale(0.5);
+    -moz-transform: scale(0.5);
+    -ms-transform: scale(0.5);
+    transform: scale(0.5);
+    opacity: 0;
+    -webkit-transition: all 0.3s linear;
+    -moz-transition: all 0.3s linear;
+    transition: all 0.3s linear;
+}
+
+.modal.fade.in .modal-dialog {
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    transform: scale(1);
+    transform: translate3d(0, -300px, 0);*/
+    opacity: 1;
+    -webkit-transition: all 0.3s linear;
+    -moz-transition: all 0.3s linear;
+    transition: all 0.3s linear;
+}
+
 .modal-header {
 	padding: 15px 35px;
 }

src/client/modals/templates/report.html

@@ -12,7 +12,7 @@
     </div>
 </div> -->
 
-<div class="modal-body modal-primary">
+<div class="modal-body modal-primary fade in">
     <div class="row">
         <div ng-click="cancel()" class="fa fa-times close-button"></div>
     </div>
@@ -57,25 +57,3 @@
         </div>
     </div>
 </div>
-
-<!-- ng-class-even="'modal-primary-2nd'" -->
-
-
-<!-- <div class="modal-body modal-primary" style="margin-top: 0">
-<div class="row ">
-        <div class="col-sm-2" style="border-bottom: solid 1px white">GitHub ID</div>
-        <div class="col-sm-3" style="border-bottom: solid 1px white">Name</div>
-        <div class="col-sm-3" style="border-bottom: solid 1px white">E-Mail</div>
-        <div class="col-sm-4" style="border-bottom: solid 1px white">Time signed</div>
-    </div>
-</div>
-<div style="overflow-y:auto; max-height: 400px">
-    <div class="modal-body modal-primary" style="margin-top: 0" ng-repeat="user in users track by $index" ng-class-even="'modal-primary-2nd'">
-        <div class="row ">
-            <a class="col-sm-2" ng-href="{{user.html_url}}" target="space" >{{user.login}}</a>
-            <div class="col-sm-3">{{user.name}}</div>
-            <div class="col-sm-3">{{user.email}}</div>
-            <div class="col-sm-4">{{user.cla.created_at | date: 'medium'}}</div>
-        </div>
-    </div>
-</div> -->