From 0db8c2ce90ab17ae12c93e7d90ffc296548fffe1 Mon Sep 17 00:00:00 2001
From: Alexandru Enache <aefox@users.noreply.github.com>
Date: Tue, 5 Mar 2019 10:30:29 +0200
Subject: [PATCH] fix(context-menu): updated context menu arrow left position
 calculation (#1268)

Closes #973
---
 .../context-menu/_context-menu.component.theme.scss    | 10 +++++-----
 .../theme/components/menu/menu.component.scss          |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/framework/theme/components/context-menu/_context-menu.component.theme.scss b/src/framework/theme/components/context-menu/_context-menu.component.theme.scss
index c0d4eab0ad..15988eba1d 100644
--- a/src/framework/theme/components/context-menu/_context-menu.component.theme.scss
+++ b/src/framework/theme/components/context-menu/_context-menu.component.theme.scss
@@ -8,7 +8,7 @@
 @mixin nb-context-menu-theme() {
   nb-context-menu {
     $arrow-size: nb-theme(context-menu-arrow-size);
-    $arrow-content-size: calc(#{$arrow-size} - 2px);
+    $arrow-content-size: #{$arrow-size} - 2px;
 
     border: 2px solid nb-theme(context-menu-border);
     border-radius: nb-theme(context-menu-border-radius);
@@ -30,10 +30,10 @@
         width: 0;
         height: 0;
         top: 3px;
-        left: calc(50% - #{$arrow-content-size});
-        border-left: $arrow-content-size solid transparent;
-        border-right: $arrow-content-size solid transparent;
-        border-bottom: $arrow-content-size solid nb-theme(context-menu-bg);
+        left: calc(50% - (#{$arrow-content-size}));
+        border-left: calc(#{$arrow-content-size}) solid transparent;
+        border-right: calc(#{$arrow-content-size}) solid transparent;
+        border-bottom: calc(#{$arrow-content-size}) solid nb-theme(context-menu-bg);
       }
     }
 
diff --git a/src/framework/theme/components/menu/menu.component.scss b/src/framework/theme/components/menu/menu.component.scss
index d10a48759c..d8644cacfe 100644
--- a/src/framework/theme/components/menu/menu.component.scss
+++ b/src/framework/theme/components/menu/menu.component.scss
@@ -22,7 +22,7 @@
     align-items: center;
 
     .menu-title {
-      flex: 1;
+      flex: 1 0 auto;
       @include nb-rtl(text-align, right);
     }
   }