#75 minor: job summary icon position fixed

NerdCats · Jul 20, 2016 · 495b6a5 · 495b6a5
1 parent f3c481b
commit 495b6a5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/app/job/job-summary/job-summary.component.css b/app/job/job-summary/job-summary.component.css
@@ -1,3 +1,11 @@
 .widget-icon {
-    margin-bottom: 5px;
+    margin-bottom: 10px;
+}
+
+.summary-icon {
+    line-height: 50px !important;
+}
+
+.in-progress-icon {
+    margin-left: 16px;
 }
diff --git a/app/job/job-summary/job-summary.component.html b/app/job/job-summary/job-summary.component.html
@@ -12,7 +12,7 @@
             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                 <div class="widget-content">
                     <div class="widget-icon green pull-left">
-                        <i class="fa fa-check" aria-hidden="true"></i>
+                        <i class="fa fa-check summary-icon" aria-hidden="true"></i>
                     </div>
                     <div class="title">{{jobCount.COMPLETED}}</div>
                     <div class="comment">Completed</div>
@@ -21,7 +21,7 @@
             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                 <div class="widget-content">
                     <div class="widget-icon blue pull-left">
-                        <i class="fa fa-play" aria-hidden="true"></i>
+                        <i class="fa fa-play summary-icon in-progress-icon" aria-hidden="true"></i>
                     </div>
                     <div class="title">{{jobCount.IN_PROGRESS}}</div>
                     <div class="comment">In Progress</div>
@@ -30,7 +30,7 @@
             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                 <div class="widget-content">
                     <div class="widget-icon orange pull-left">
-                        <i class="fa fa-ellipsis-h" aria-hidden="true"></i>
+                        <i class="fa fa-ellipsis-h summary-icon" aria-hidden="true"></i>
                     </div>
                     <div class="title">{{jobCount.ENQUEUED}}</div>
                     <div class="comment">Enqueued</div>
@@ -39,7 +39,7 @@
             <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
                 <div class="widget-content">
                     <div class="widget-icon red pull-left">
-                        <i class="fa fa-times" aria-hidden="true"></i>
+                        <i class="fa fa-times summary-icon" aria-hidden="true"></i>
                     </div>
                     <div class="title">{{jobCount.CANCELLED}}</div>
                     <div class="comment">Cancelled</div>