- {{/* it should match the code in issue-home.js */}}
- {{range .Topics}}
{{.Name}} {{end}}
- {{if and .Permission.IsAdmin (not .Repository.IsArchived)}}
{{ctx.Locale.Tr "repo.topic.manage_topics"}} {{end}}
+
+ {{range .Topics}}
+
{{.Name}}
+ {{end}}
+ {{if and .Permission.IsAdmin (not .Repository.IsArchived)}}
+
{{ctx.Locale.Tr "repo.topic.manage_topics"}}
+ {{end}}
{{end}}
{{if and .Permission.IsAdmin (not .Repository.IsArchived)}}
diff --git a/web_src/css/repo.css b/web_src/css/repo.css
index 87fca9024a..f9e886e770 100644
--- a/web_src/css/repo.css
+++ b/web_src/css/repo.css
@@ -2329,12 +2329,23 @@ tbody.commit-list {
top: -2px;
}
-#repo-topics .repo-topic {
+.repo-topics {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ gap: 0.25rem;
+}
+
+.repo-topics .repo-topic {
font-weight: var(--font-weight-normal);
cursor: pointer;
margin: 0;
}
+.repo-topics .repo-topic:last-of-type {
+ margin-right: 0.5rem;
+}
+
#new-dependency-drop-list.ui.selection.dropdown {
min-width: 0;
width: 100%;