diff --git a/templates/repo/diff/box.tmpl b/templates/repo/diff/box.tmpl index 7b936cb817..0b5bf86371 100644 --- a/templates/repo/diff/box.tmpl +++ b/templates/repo/diff/box.tmpl @@ -20,7 +20,7 @@ </div> {{end}} </div> - <div class="diff-detail-actions gt-df gt-ac gt-gap-2 gt-fw"> + <div class="diff-detail-actions"> {{if and .PageIsPullFiles $.SignedUserID (not .IsArchived) (not .DiffNotAvailable)}} <div class="gt-df gt-ac gt-fc gt-whitespace-nowrap gt-mr-2"> <label for="viewed-files-summary" id="viewed-files-summary-label" data-text-changed-template="{{.locale.Tr "repo.pulls.viewed_files_label"}}"> diff --git a/web_src/css/repo.css b/web_src/css/repo.css index 03e9019b25..414bd1d201 100644 --- a/web_src/css/repo.css +++ b/web_src/css/repo.css @@ -1625,10 +1625,11 @@ } .diff-detail-actions { - /* prevent font-size from increasing element height so that .diff-detail-box comes - out with height of 47px (one line) and 77px (two lines), which is important for - position: sticky */ - height: 33px; + display: flex; + align-items: center; + gap: 0.25em; + flex-wrap: wrap; + justify-content: end; } .diff-detail-actions > *, @@ -1642,12 +1643,7 @@ padding-top: 0.25rem; } .repository .diff-detail-box .diff-detail-actions .ui.button:not(.btn-submit) { - padding-left: 0.5rem; - padding-right: 0.5rem; - display: flex; - flex-wrap: wrap; - justify-content: center; - text-align: center; + padding: 0 0.5rem; } }