job paragraph information tooltip top to top-left

cloverhearts · cloverhearts · commit f183d7305f14 · 2016-06-29T14:13:42.000+09:00
diff --git a/zeppelin-web/src/app/jobmanager/jobs/job.html b/zeppelin-web/src/app/jobmanager/jobs/job.html
@@ -50,48 +50,55 @@
          style="text-decoration: none !important;"
          ng-href="#/notebook/{{notebookJob.notebookId}}/paragraph/{{paragraphJob.id}}">
         <i style="color: green" class="fa fa-circle-o"
+           tooltip-placement="top-left"
            tooltip="{{paragraphJob.name}} is READY">
         </i>
       </a>
       <a ng-switch-when="FINISHED"
          style="text-decoration: none !important;"
          ng-href="#/notebook/{{notebookJob.notebookId}}/paragraph/{{paragraphJob.id}}">
         <i style="color: green" class="fa fa-circle"
+           tooltip-placement="top-left"
            tooltip="{{paragraphJob.name}} is FINISHED">
         </i>
       </a>
       <a ng-switch-when="ABORT"
          style="text-decoration: none !important;"
          ng-href="#/notebook/{{notebookJob.notebookId}}/paragraph/{{paragraphJob.id}}">
         <i style="color: orange" class="fa fa-circle"
+           tooltip-placement="top-left"
            tooltip="{{paragraphJob.name}} is ABORT">
         </i>
       </a>
       <a ng-switch-when="ERROR"
          style="text-decoration: none !important;"
          ng-href="#/notebook/{{notebookJob.notebookId}}/paragraph/{{paragraphJob.id}}">
         <i style="color: red" class="fa fa-circle"
+           tooltip-placement="top-left"
            tooltip="{{paragraphJob.name}} is ERROR">
         </i>
       </a>
       <a ng-switch-when="PENDING"
          style="text-decoration: none !important;"
          ng-href="#/notebook/{{notebookJob.notebookId}}/paragraph/{{paragraphJob.id}}">
         <i style="color: gray" class="fa fa-circle"
+           tooltip-placement="top-left"
            tooltip="{{paragraphJob.name}} is PENDING">
         </i>
       </a>
       <a ng-switch-when="RUNNING"
          style="text-decoration: none !important;"
          ng-href="#/notebook/{{notebookJob.notebookId}}/paragraph/{{paragraphJob.id}}">
         <i style="color: blue" class="fa fa-spinner spinAnimation"
+           tooltip-placement="top-left"
            tooltip="{{paragraphJob.name}} is RUNNING">
         </i>
       </a>
       <a ng-switch-default class="icon-question"
          style="text-decoration: none !important;"
          ng-href="#/notebook/{{notebookJob.notebookId}}/paragraph/{{paragraphJob.id}}">
         <i class="icon-question"
+           tooltip-placement="top-left"
            tooltip="{{paragraphJob.name}} is {{paragraphJob.status}}">
         </i>
       </a>
