Fixed context translation

Fixes CSS widths when translating

app/assets/javascripts/cycle_analytics/components/limit_warning_component.js

@@ -6,7 +6,7 @@ export default {
     },
   },
   template: `
-    <span v-if="count === 50 || true" class="events-info pull-right">
+    <span v-if="count === 50" class="events-info pull-right">
       <i class="fa fa-warning has-tooltip"
           aria-hidden="true"
           :title="__('Limited to showing 50 events at most')"

app/assets/javascripts/locale/index.js

@@ -13,7 +13,10 @@ const lang = document.querySelector('html').getAttribute('lang') || 'en';
 const locale = new Jed(locales[lang]);
 const gettext = locale.gettext.bind(locale);
 const ngettext = locale.ngettext.bind(locale);
-const pgettext = locale.pgettext.bind(locale);
+const pgettext = (context, key) => {
+  const joinedKey = [context, key].join('|');
+  return gettext(joinedKey).split('|').pop();
+};
 
 export { lang };
 export { gettext as __ };

app/assets/stylesheets/pages/cycle_analytics.scss

@@ -213,7 +213,7 @@
     }
 
     .stage-nav-item {
-      display: block;
+      display: flex;
       line-height: 65px;
       border-top: 1px solid transparent;
       border-bottom: 1px solid transparent;
@@ -247,14 +247,10 @@
       }
 
       .stage-nav-item-cell {
-        float: left;
-
-        &.stage-name {
-          width: 65%;
-        }
-
         &.stage-median {
-          width: 35%;
+          margin-left: auto;
+          margin-right: $gl-padding;
+          min-width: calc(35% - #{$gl-padding});
         }
       }