Hrobot
diff --git a/‎css/stylesheet.css
+13-4 b/‎css/stylesheet.css
+13-4
diff --git a/‎index.html
+1-1 b/‎index.html
+1-1
diff --git a/‎js/tracer_manager/manager.js
+4-1 b/‎js/tracer_manager/manager.js
+4-1
diff --git a/‎public/algorithm_visualizer.css
+13-4 b/‎public/algorithm_visualizer.css
+13-4
diff --git a/‎public/algorithm_visualizer.js
+5-2 b/‎public/algorithm_visualizer.js
+5-2
diff --git a/‎public/algorithm_visualizer.js.map
+1-1 b/‎public/algorithm_visualizer.js.map
+1-1
diff --git a/‎public/algorithm_visualizer.min.css
+1-1 b/‎public/algorithm_visualizer.min.css
+1-1
diff --git a/‎public/algorithm_visualizer.min.js
+2-2 b/‎public/algorithm_visualizer.min.js
+2-2
diff --git a/‎public/algorithm_visualizer.min.js.map
+1-1 b/‎public/algorithm_visualizer.min.js.map
+1-1
@@ -493,16 +493,25 @@ input[type=number]::-webkit-outer-spin-button {
 }
 
 .complexity {
-  margin: 10px 0px;
+    margin: 10px 0px;
 }
+
 .complexity-type {
-	font-weight: bold;
+    font-weight: bold;
 }
 
 .buttons button.active {
-  font-weight: bold;
+    font-weight: bold;
 }
 
 .buttons button.active .fa {
-	color: #00e676;
+    color: #00e676;
+}
+
+#btn_pause > .btn-text:before {
+    content: 'Pause'
 }
+
+#btn_pause.active > .btn-text:before {
+    content: 'Resume'
+}
@@ -47,7 +47,7 @@ <h3>
             </button>
             <button id="btn_pause">
                 <i class="fa fa-pause" aria-hidden="true"></i>
-                <span class="btn-text">Pause</span>
+                <span class="btn-text"></span>
             </button>
             <button id="btn_next">
                 <span class="btn-text">Next</span>
 
@@ -164,7 +164,10 @@ TracerManager.prototype = {
   step(i, options = {}) {
     const tracer = this;
 
-    if (isNaN(i) || i >= this.traces.length || i < 0) return;
+    if (isNaN(i) || i >= this.traces.length || i < 0) {
+      $('#btn_run').removeClass('active');
+      return;
+    }
 
     this.traceIndex = i;
     const trace = this.traces[i];
 
@@ -622,16 +622,25 @@ input[type=number]::-webkit-outer-spin-button {
 }
 
 .complexity {
-  margin: 10px 0px;
+    margin: 10px 0px;
 }
+
 .complexity-type {
-	font-weight: bold;
+    font-weight: bold;
 }
 
 .buttons button.active {
-  font-weight: bold;
+    font-weight: bold;
 }
 
 .buttons button.active .fa {
-	color: #00e676;
+    color: #00e676;
+}
+
+#btn_pause > .btn-text:before {
+    content: 'Pause'
 }
+
+#btn_pause.active > .btn-text:before {
+    content: 'Resume'
+}
Original file line number	Diff line number	Diff line change
`@@ -493,16 +493,25 @@ input[type=number]::-webkit-outer-spin-button {`
`493`	`493`	`}`
`494`	`494`
`495`	`495`	`.complexity {`
`496`		`- margin: 10px 0px;`
	`496`	`+ margin: 10px 0px;`
`497`	`497`	`}`
	`498`	`+`
`498`	`499`	`.complexity-type {`
`499`		`- font-weight: bold;`
	`500`	`+ font-weight: bold;`
`500`	`501`	`}`
`501`	`502`
`502`	`503`	`.buttons button.active {`
`503`		`- font-weight: bold;`
	`504`	`+ font-weight: bold;`
`504`	`505`	`}`
`505`	`506`
`506`	`507`	`.buttons button.active .fa {`
`507`		`- color: #00e676;`
	`508`	`+ color: #00e676;`
	`509`	`+}`
	`510`	`+`
	`511`	`+#btn_pause > .btn-text:before {`
	`512`	`+ content: 'Pause'`
`508`	`513`	`}`
	`514`	`+`
	`515`	`+#btn_pause.active > .btn-text:before {`
	`516`	`+ content: 'Resume'`
	`517`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -622,16 +622,25 @@ input[type=number]::-webkit-outer-spin-button {`
`622`	`622`	`}`
`623`	`623`
`624`	`624`	`.complexity {`
`625`		`- margin: 10px 0px;`
	`625`	`+ margin: 10px 0px;`
`626`	`626`	`}`
	`627`	`+`
`627`	`628`	`.complexity-type {`
`628`		`- font-weight: bold;`
	`629`	`+ font-weight: bold;`
`629`	`630`	`}`
`630`	`631`
`631`	`632`	`.buttons button.active {`
`632`		`- font-weight: bold;`
	`633`	`+ font-weight: bold;`
`633`	`634`	`}`
`634`	`635`
`635`	`636`	`.buttons button.active .fa {`
`636`		`- color: #00e676;`
	`637`	`+ color: #00e676;`
	`638`	`+}`
	`639`	`+`
	`640`	`+#btn_pause > .btn-text:before {`
	`641`	`+ content: 'Pause'`
`637`	`642`	`}`
	`643`	`+`
	`644`	`+#btn_pause.active > .btn-text:before {`
	`645`	`+ content: 'Resume'`
	`646`	`+}`