--- /dev/null
+<div
+ class="document-container"
+ ng-mouseenter="$ctrl.hover = true"
+ ng-mouseleave="$ctrl.hover = false"
+ ng-click="$ctrl.downloadDocument()"
+>
+ <div class="document-wrapper">
+ <div class="document {{$ctrl.documentClassExtension}}">
+ <div class="document-ico">{{$ctrl.documentExtension}}</div>
+ <div class="document-name">
+ <div class="middle-ellipsis-element">{{$ctrl.documentName}}</div>
+ </div>
+ <div class="document-download" ng-show="$ctrl.hover">
+ <i class="mdi mdi-download mdi-24px"></i>
+ </div>
+ </div>
+ </div>
+</div>