Prevent webhook action buttons from shifting (#16087)

On long webhook urls the action buttons (edit, delete) have been shifted
by the url text.

Signed-off-by: Steven Kriegler <61625851+justusbunsi@users.noreply.github.com>
Co-authored-by: 6543 <6543@obermui.de>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>

diff --git a/templates/repo/settings/webhook/base_list.tmpl b/templates/repo/settings/webhook/base_list.tmpl
index 916272a97a7292013406968bf42a922de61d5d31..e77e747742dfeb506206f0716094e3fa3766198f 100644 (file)
--- a/templates/repo/settings/webhook/base_list.tmpl
+++ b/templates/repo/settings/webhook/base_list.tmpl
@@ -41,7 +41,7 @@
                        {{.Description | Str2html}}
                </div>
                {{range .Webhooks}}
-                       <div class="item">
+                       <div class="item truncated-item-container">
                                {{if eq .LastStatus 1}}
                                        <span class="text green mr-3">{{svg "octicon-check"}}</span>
                                {{else if eq .LastStatus 2}}
@@ -49,8 +49,8 @@
                                {{else}}
                                        <span class="text grey mr-3">{{svg "octicon-dot-fill"}}</span>
                                {{end}}
-                               <a class="dont-break-out" href="{{$.BaseLink}}/{{.ID}}">{{.URL}}</a>
-                               <div class="ui right">
+                               <a class="text truncate" title="{{.URL}}" href="{{$.BaseLink}}/{{.ID}}">{{.URL}}</a>
+                               <div class="ui right" style="display: inline-flex">
                                        <span class="text blue px-2"><a href="{{$.BaseLink}}/{{.ID}}">{{svg "octicon-pencil"}}</a></span>
                                        <span class="text red px-2"><a class="delete-button" data-url="{{$.Link}}/delete" data-id="{{.ID}}">{{svg "octicon-trash"}}</a></span>
                                </div>