diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl index 394bab1e3..aaa1a1b97 100644 --- a/templates/repo/home.tmpl +++ b/templates/repo/home.tmpl @@ -29,9 +29,9 @@ </div> {{end}} </div> - <div class="gt-df gt-ac gt-fw gt-mt-3" id="repo-topics"> - {{range .Topics}}<a class="ui repo-topic large label topic" href="{{AppSubUrl}}/explore/repos?q={{.Name}}&topic=1">{{.Name}}</a>{{end}} - {{if and .Permission.IsAdmin (not .Repository.IsArchived)}}<button id="manage_topic" class="btn interact-fg gt-ml-2 gt-font-12">{{.locale.Tr "repo.topic.manage_topics"}}</button>{{end}} + <div class="gt-df gt-ac gt-fw gt-gap-2" id="repo-topics"> + {{range .Topics}}<a class="ui repo-topic large label topic gt-m-0" href="{{AppSubUrl}}/explore/repos?q={{.Name}}&topic=1">{{.Name}}</a>{{end}} + {{if and .Permission.IsAdmin (not .Repository.IsArchived)}}<button id="manage_topic" class="btn interact-fg gt-font-12">{{.locale.Tr "repo.topic.manage_topics"}}</button>{{end}} </div> {{end}} {{if and .Permission.IsAdmin (not .Repository.IsArchived)}} diff --git a/web_src/css/repo.css b/web_src/css/repo.css index 386243670..da5cd06b3 100644 --- a/web_src/css/repo.css +++ b/web_src/css/repo.css @@ -231,6 +231,7 @@ display: flex; justify-content: space-between; align-items: center; + margin-bottom: 5px; } @media (max-width: 767.68px) { @@ -2777,7 +2778,6 @@ tbody.commit-list { #repo-topics .repo-topic { font-weight: var(--font-weight-normal); cursor: pointer; - margin: 2px; } #new-dependency-drop-list.ui.selection.dropdown {