From a48146002d84aea78f2bf1ca9d56d389aa664828 Mon Sep 17 00:00:00 2001
From: Magdalena Angelova <magdalena.grigorova@gmail.com>
Date: Fri, 16 Feb 2018 10:04:47 +0200
Subject: [PATCH] fix(dialog): improve dialog buttons overflow
 telerik/kendo#7497

telerik/kendo#7497
---
 packages/default/scss/dialog/_layout.scss | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/default/scss/dialog/_layout.scss b/packages/default/scss/dialog/_layout.scss
index e8a376ff683..dabd6416c5d 100644
--- a/packages/default/scss/dialog/_layout.scss
+++ b/packages/default/scss/dialog/_layout.scss
@@ -20,6 +20,7 @@
     .k-dialog {
         padding: 0;
         position: fixed;
+        box-sizing: border-box;
 
         // Centered
         &.k-dialog-centered {
@@ -55,13 +56,15 @@
 
         .k-button {
             // sass-lint:disable no-important
+            display: inline-block; // needed for ellipsis overflow
             padding: ($window-inner-padding-x * .75) $window-inner-padding-x;
             width: auto !important;
             border-width: 0;
             border-color: inherit;
             background: none;
-            white-space: normal;
-            flex: 1;
+            flex: 1 0 0%;
+            overflow: hidden;
+            text-overflow: ellipsis;
             // sass-lint:enable no-important
 
             &::before,