diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl index d3f0ead729..81b2ba1b0b 100644 --- a/templates/repo/home.tmpl +++ b/templates/repo/home.tmpl @@ -35,9 +35,9 @@ </div> {{end}} {{if and .Permission.IsAdmin (not .Repository.IsArchived)}} - <div class="ui form gt-hidden gt-df gt-mt-4" id="topic_edit"> - <div class="field gt-f1 gt-mr-3"> - <div class="ui fluid multiple search selection dropdown" data-text-count-prompt="{{ctx.Locale.Tr "repo.topic.count_prompt"}}" data-text-format-prompt="{{ctx.Locale.Tr "repo.topic.format_prompt"}}"> + <div class="ui form gt-hidden gt-df gt-fc gt-mt-4" id="topic_edit"> + <div class="field gt-f1 gt-mb-2"> + <div class="ui fluid multiple search selection dropdown gt-fw" data-text-count-prompt="{{ctx.Locale.Tr "repo.topic.count_prompt"}}" data-text-format-prompt="{{ctx.Locale.Tr "repo.topic.format_prompt"}}"> <input type="hidden" name="topics" value="{{range $i, $v := .Topics}}{{.Name}}{{if Eval $i "+" 1 "<" (len $.Topics)}},{{end}}{{end}}"> {{range .Topics}} {{/* keey the same layout as Fomantic UI generated labels */}} diff --git a/web_src/js/features/repo-home.js b/web_src/js/features/repo-home.js index 70c225b4ba..3603fae2e9 100644 --- a/web_src/js/features/repo-home.js +++ b/web_src/js/features/repo-home.js @@ -43,7 +43,7 @@ export function initRepoTopicBar() { const topicArray = topics.split(','); topicArray.sort(); for (let i = 0; i < topicArray.length; i++) { - const link = $('<a class="ui repo-topic large label topic"></a>'); + const link = $('<a class="ui repo-topic large label topic gt-m-0"></a>'); link.attr('href', `${appSubUrl}/explore/repos?q=${encodeURIComponent(topicArray[i])}&topic=1`); link.text(topicArray[i]); link.insertBefore(mgrBtn); // insert all new topics before manage button