diff --git a/models/actions/run.go b/models/actions/run.go
index 79b71459351..867b9932e99 100644
--- a/models/actions/run.go
+++ b/models/actions/run.go
@@ -121,7 +121,7 @@ func (run *ActionRun) PrettyRef() string {
return refName.ShortName()
}
-// RefTooltip return a tooltop of run's ref. For pull request, it's the title of the PR, otherwise it's the ShortName.
+// RefTooltip return a tooltip of run's ref. For pull request, it's the title of the PR, otherwise it's the ShortName.
func (run *ActionRun) RefTooltip() string {
payload, err := run.GetPullRequestEventPayload()
if err == nil && payload != nil && payload.PullRequest != nil {
diff --git a/templates/repo/actions/runs_list.tmpl b/templates/repo/actions/runs_list.tmpl
index 58dc222cf5b..a351e9401c5 100644
--- a/templates/repo/actions/runs_list.tmpl
+++ b/templates/repo/actions/runs_list.tmpl
@@ -38,7 +38,7 @@
{{end}}
-
+
{{if $run.IsRefDeleted}}
{{$run.PrettyRef}}
{{else}}
diff --git a/web_src/css/actions.css b/web_src/css/actions.css
index b705f4573f5..23750b8f1b2 100644
--- a/web_src/css/actions.css
+++ b/web_src/css/actions.css
@@ -43,26 +43,29 @@
align-items: center;
}
-.run-list .item-trailing {
+.run-list-item-trailing {
+ display: flex;
+ gap: var(--gap-block);
+ align-items: center;
+ justify-content: end;
flex-wrap: nowrap;
width: 280px;
flex: 0 0 280px;
}
-.run-list-ref {
- display: inline-block !important;
- max-width: 105px;
+.ui.label.run-list-ref {
+ display: inline-block;
+ max-width: 110px;
}
@media (max-width: 767.98px) {
- .run-list .item-trailing {
+ .run-list-item-trailing {
flex-direction: column;
align-items: flex-end;
- width: auto;
- flex-basis: auto;
+ max-width: 30%;
+ flex: 0 0 30%;
}
- .run-list-item-right,
- .run-list-ref {
+ .run-list-item-right {
max-width: 110px;
}
}