From dff411d7372b9ec59575268885a48004942de2e4 Mon Sep 17 00:00:00 2001
From: Sam Rose <sam@gitlab.com>
Date: Wed, 8 Feb 2017 11:13:33 -0500
Subject: Fix display logic for warning message

---
 .../cycle_analytics/components/stage_plan_component.js.es6          | 2 +-
 app/assets/stylesheets/pages/cycle_analytics.scss                   | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/cycle_analytics/components/stage_plan_component.js.es6 b/app/assets/javascripts/cycle_analytics/components/stage_plan_component.js.es6
index 3c415636c7f..8652479e7bf 100644
--- a/app/assets/javascripts/cycle_analytics/components/stage_plan_component.js.es6
+++ b/app/assets/javascripts/cycle_analytics/components/stage_plan_component.js.es6
@@ -13,7 +13,7 @@
       <div>
         <div class="events-description">
           {{ stage.description }}
-          <span v-if="items.length <= 50" class="pull-right">
+          <span v-if="items.length === 50" class="events-info pull-right">
             <i class="fa fa-warning has-tooltip"
               title="Limited to showing 50 events at most"
               data-placement="top"></i>
diff --git a/app/assets/stylesheets/pages/cycle_analytics.scss b/app/assets/stylesheets/pages/cycle_analytics.scss
index c35562753b5..5b777953fb0 100644
--- a/app/assets/stylesheets/pages/cycle_analytics.scss
+++ b/app/assets/stylesheets/pages/cycle_analytics.scss
@@ -285,10 +285,10 @@
     .events-description {
       line-height: 65px;
       padding: 0 $gl-padding;
+    }
 
-      span {
-        color: $gl-text-color-secondary;
-      }
+    .events-info {
+      color: $gl-text-color-secondary;
     }
   }
 
-- 
cgit v1.2.1