From 857c8f38b767fe87aec57f39086e9afdb878c0a4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Pior?= <piorek82@gmail.com>
Date: Wed, 23 May 2018 13:36:41 +0200
Subject: [PATCH] #7204 fix border radius issue

---
 js/notebook/src/SparkStateProgress.ts   |  1 -
 js/notebook/src/shared/style/spark.scss | 15 ++++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/js/notebook/src/SparkStateProgress.ts b/js/notebook/src/SparkStateProgress.ts
index ad17ee7cff..f48bfc726d 100644
--- a/js/notebook/src/SparkStateProgress.ts
+++ b/js/notebook/src/SparkStateProgress.ts
@@ -161,7 +161,6 @@ class SparkStateProgressView extends widgets.VBoxView {
 
     this.progressBar = document.createElement('div');
     this.progressBar.classList.add('bx-spark-stageProgressBar');
-    this.progressBar.classList.add('progress');
 
     this.progressBar.innerHTML = `
       <div class="bx-progress-bar done" style="width: ${percentDone}%"></div>
diff --git a/js/notebook/src/shared/style/spark.scss b/js/notebook/src/shared/style/spark.scss
index dd743cc784..505f78bf08 100644
--- a/js/notebook/src/shared/style/spark.scss
+++ b/js/notebook/src/shared/style/spark.scss
@@ -28,12 +28,6 @@
   max-width: 600px;
 }
 
-.bx-spark-stageProgressBar {
-  margin: 0 10px;
-  display: flex;
-  align-items: center;
-
-}
 .bx-spark-stageProgressLabels {
   margin: 0;
 }
@@ -73,10 +67,17 @@
   &.all { background-color: $bxColorDefault; }
 }
 
+.bx-spark-stageProgressBar {
+  margin: 0 10px;
+  display: flex;
+  align-items: center;
+  border-radius: .25em;
+  overflow: hidden;
+}
+
 .bx-progress-bar {
   display: inline-block;
   height: 18px;
-  border-radius: .25em;
 
   &.done { background-color: $bxColorSuccess; }
   &.active { background-color: $bxColorInfo; }