Fix flex layout for repo list icons (#21896) (#21920)

Backport #21896

#20241 Added a tooltip, which does not satisfy the flex layout, and the
icons are not aligned

Signed-off-by: Xinyu Zhou <i@sourcehut.net>

diff --git a/templates/explore/repo_list.tmpl b/templates/explore/repo_list.tmpl
index 044af9522e6e164612e0f9a8695fa2d0fca987d8..ad03ff800f81f9867604854d16d55a976bc02752 100644 (file)
--- a/templates/explore/repo_list.tmpl
+++ b/templates/explore/repo_list.tmpl
@@ -32,9 +32,9 @@
                                                        {{end}}
                                                {{end}}
                                                {{if .IsFork}}
-                                                       <span class="tooltip" data-content="{{$.locale.Tr "repo.fork"}}" data-position="bottom center">{{svg "octicon-repo-forked"}}</span>
+                                                       <span class="tooltip df" data-content="{{$.locale.Tr "repo.fork"}}" data-position="bottom center">{{svg "octicon-repo-forked"}}</span>
                                                {{else if .IsMirror}}
-                                                       <span class="tooltip" data-content="{{$.locale.Tr "mirror"}}" data-position="bottom center">{{svg "octicon-mirror"}}</span>
+                                                       <span class="tooltip df" data-content="{{$.locale.Tr "mirror"}}" data-position="bottom center">{{svg "octicon-mirror"}}</span>
                                                {{end}}
                                        </div>
                                </div>