diff --git a/models/bots/run.go b/models/bots/run.go
index ed8bfdd711..8a5c5efc15 100644
--- a/models/bots/run.go
+++ b/models/bots/run.go
@@ -56,6 +56,27 @@ func (run *Run) HTMLURL() string {
 	return fmt.Sprintf("%s/builds/run/%d", run.Repo.HTMLURL(), run.Index)
 }
 
+func (run *Run) IsPending() bool {
+	return run.Status == core.StatusWaiting || run.Status == core.StatusPending
+}
+
+func (run *Run) IsRunning() bool {
+	return run.Status == core.StatusRunning
+}
+
+func (run *Run) IsSuccess() bool {
+	return run.Status == core.StatusPassing
+}
+
+func (run *Run) IsFailed() bool {
+	return run.Status == core.StatusFailing ||
+		run.Status == core.StatusKilled ||
+		run.Status == core.StatusError ||
+		run.Status == core.StatusSkipped ||
+		run.Status == core.StatusBlocked ||
+		run.Status == core.StatusDeclined
+}
+
 // LoadAttributes load Repo TriggerUser if not loaded
 func (r *Run) LoadAttributes(ctx context.Context) error {
 	if r == nil {
diff --git a/templates/repo/builds/list.tmpl b/templates/repo/builds/list.tmpl
index c0de57e7b3..603e07866e 100644
--- a/templates/repo/builds/list.tmpl
+++ b/templates/repo/builds/list.tmpl
@@ -1,40 +1,49 @@
 {{template "base/head" .}}
 <div class="page-content repository">
 	{{template "repo/header" .}}
-	<div>
-	{{range .workflows}}
-	<li>{{.Name}}</li>
-	{{end}}
-	</div>
+
 	<div class="ui container">
-		<div id="issue-filters" class="ui stackable grid">
-			<div class="six wide column">
-				{{template "repo/builds/openclose" .}}
-			</div>
-		</div>
-		<div id="issue-actions" class="ui stackable grid hide">
-			<div class="six wide column">
-				{{template "repo/builds/openclose" .}}
-			</div>
-			<div class="ui divider"></div>
-			{{/* Ten wide does not cope well and makes the columns stack.
-			This seems to be related to jQuery's hide/show: in fact, switching
-			issue-actions and issue-filters and having this ten wide will show
-			this one correctly, but not the other one. */}}
-			<div class="nine wide right aligned right floated column">
-				<div class="ui secondary filter stackable menu">
-					{{if not .Repository.IsArchived}}
-						<!-- Action Button -->
-						{{if .IsShowClosed}}
-							<div class="ui green active basic button issue-action" data-action="open" data-url="{{$.RepoLink}}/issues/status" style="margin-left: auto">{{.locale.Tr "repo.issues.action_open"}}</div>
-						{{else}}
-							<div class="ui red active basic button issue-action" data-action="close" data-url="{{$.RepoLink}}/issues/status" style="margin-left: auto">{{.locale.Tr "repo.issues.action_close"}}</div>
-						{{end}}
+		<div class="ui grid">
+			<div class="four wide column">
+				<div class="ui fluid vertical menu">
+					<a class="item" href="{{$.Link}}">All Workflows</a>
+					<div class="divider"></div>
+					{{range .workflows}}
+						<a class="item" href="{{$.Link}}?workflow={{.Name}}">{{.Name}}</a>
 					{{end}}
 				</div>
 			</div>
+			<div class="twelve wide column content">
+				<div id="issue-filters" class="ui stackable grid">
+					<div class="six wide column">
+						{{template "repo/builds/openclose" .}}
+					</div>
+				</div>
+				<div id="issue-actions" class="ui stackable grid hide">
+					<div class="six wide column">
+						{{template "repo/builds/openclose" .}}
+					</div>
+					<div class="ui divider"></div>
+					{{/* Ten wide does not cope well and makes the columns stack.
+					This seems to be related to jQuery's hide/show: in fact, switching
+					issue-actions and issue-filters and having this ten wide will show
+					this one correctly, but not the other one. */}}
+					<div class="nine wide right aligned right floated column">
+						<div class="ui secondary filter stackable menu">
+							{{if not .Repository.IsArchived}}
+								<!-- Action Button -->
+								{{if .IsShowClosed}}
+									<div class="ui green active basic button issue-action" data-action="open" data-url="{{$.RepoLink}}/issues/status" style="margin-left: auto">{{.locale.Tr "repo.issues.action_open"}}</div>
+								{{else}}
+									<div class="ui red active basic button issue-action" data-action="close" data-url="{{$.RepoLink}}/issues/status" style="margin-left: auto">{{.locale.Tr "repo.issues.action_close"}}</div>
+								{{end}}
+							{{end}}
+						</div>
+					</div>
+				</div>
+				{{template "repo/builds/build_list" .}}
+			</div>
 		</div>
-		{{template "repo/builds/build_list" .}}
 	</div>
 </div>
 {{template "base/footer" .}}
diff --git a/templates/repo/header.tmpl b/templates/repo/header.tmpl
index f950cda65f..ca920f26b4 100644
--- a/templates/repo/header.tmpl
+++ b/templates/repo/header.tmpl
@@ -185,7 +185,7 @@
 
 				{{ if and (not .UnitBuildsGlobalDisabled) (.Permission.CanRead $.UnitTypeBuilds)}}
 					<a class="{{if .PageIsBuildList}}active{{end}} item" href="{{.RepoLink}}/builds">
-						{{svg "octicon-git-builds"}} {{.locale.Tr "repo.builds"}}
+						{{svg "octicon-play"}} {{.locale.Tr "repo.builds"}}
 						{{if .Repository.NumOpenRuns}}
 							<span class="ui blue small label">{{CountFmt .Repository.NumOpenRuns}}</span>
 						{{end}}