Optimize runner-tags layout to enhance visual experience (#31258) (#31263)

Backport #31258 by @kerwin612

![image](https://github.com/go-gitea/gitea/assets/3371163/b8199005-94f2-45be-8ca9-4fa1b3f221b2)

Co-authored-by: Kerwin Bryant <kerwin612@qq.com>

diff --git a/templates/shared/actions/runner_list.tmpl b/templates/shared/actions/runner_list.tmpl
index 81630079936450f324f7526d7a6817ccb384792c..d3a86fe3fa8f1de29094acfff7285d8729075a5c 100644 (file)
--- a/templates/shared/actions/runner_list.tmpl
+++ b/templates/shared/actions/runner_list.tmpl
@@ -70,7 +70,7 @@
                                                <td><p data-tooltip-content="{{.Description}}">{{.Name}}</p></td>
                                                <td>{{if .Version}}{{.Version}}{{else}}{{ctx.Locale.Tr "unknown"}}{{end}}</td>
                                                <td><span data-tooltip-content="{{.BelongsToOwnerName}}">{{.BelongsToOwnerType.LocaleString ctx.Locale}}</span></td>
-                                               <td class="runner-tags">
+                                               <td class="tw-flex tw-flex-wrap tw-gap-2 runner-tags">
                                                        {{range .AgentLabels}}<span class="ui label">{{.}}</span>{{end}}
                                                </td>
                                                <td>{{if .LastOnline}}{{TimeSinceUnix .LastOnline ctx.Locale}}{{else}}{{ctx.Locale.Tr "never"}}{{end}}</td>