Fixed the order of legends

Author: sarutak

core/src/main/resources/org/apache/spark/ui/static/timeline-view.css

@@ -25,7 +25,7 @@ div#application-timeline, div#job-timeline {
 }
 
 #task-assignment-timeline div.legend-area {
-  width: 554px;
+  width: 574px;
 }
 
 #task-assignment-timeline .legend-area > svg {

core/src/main/scala/org/apache/spark/ui/jobs/StagePage.scala

@@ -41,13 +41,13 @@ private[ui] class StagePage(parent: StagesTab) extends WebUIPage("stage") {
     <div class="legend-area">
       <svg>
         {
-          val legendPairs = List(("deserialization-time-proportion", "Task Deserialization Time"),
+          val legendPairs = List(("scheduler-delay-proportion", "Scheduler Delay"),
+            ("deserialization-time-proportion", "Task Deserialization Time"),
             ("shuffle-read-time-proportion", "Shuffle Read Time"),
             ("executor-runtime-proportion", "Executor Computing Time"),
             ("shuffle-write-time-proportion", "Shuffle Write Time"),
             ("serialization-time-proportion", "Result Serialization TIme"),
-            ("getting-result-time-proportion", "Getting Result Time"),
-            ("scheduler-delay-proportion", "Scheduler Delay"))
+            ("getting-result-time-proportion", "Getting Result Time"))
 
           legendPairs.zipWithIndex.map {
             case ((classAttr, name), index) =>